:root{--navy:#082f5f;--blue:#0879bd;--sky:#eaf4fb;--line:#dce6ef;--muted:#52697f;--paper:#f2f6fa;--white:#fff}*{box-sizing:border-box}body{color:var(--navy);background:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-underline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.18}h2{letter-spacing:-.025em;font-size:1.4rem;line-height:1.3}h3{font-size:1.12rem;line-height:1.35}p{color:var(--muted)}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:270px;height:100vh;padding:32px 20px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:50%}.brand strong{letter-spacing:-.035em;font-size:1.25rem;display:block}.brand span{letter-spacing:.095em;font-size:.65rem;font-weight:700;display:block}.sidebar nav{margin-top:42px}.nav-item{border-radius:9px;align-items:center;gap:12px;margin:5px 0;padding:12px 14px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.nav-item svg{flex-shrink:0;width:21px;height:21px}.nav-item:hover{background:var(--paper)}.nav-item[aria-current=page]{background:var(--navy);color:#fff}.nav-label{letter-spacing:.1em;margin:30px 14px 13px;font-size:.7rem;font-weight:700}.sidebar-foot{margin-top:auto;padding:26px 12px 0;font-size:.85rem;font-weight:700}.sidebar-foot p{margin:9px 0 0;font-size:.8rem;font-weight:400}.status-dot{background:var(--blue);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.workspace{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:18px;height:94px;padding:18px 46px;display:flex}.topbar strong{display:block}.eyebrow{color:var(--blue);letter-spacing:.14em;margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}.topbar .eyebrow{margin-bottom:3px}.topbar-actions{align-items:center;gap:20px;display:flex}.role{color:var(--muted);font-size:.85rem}.preview-note{color:#285475;background:#e7f2fb;border-bottom:1px solid #d4e5f4;padding:10px 46px;font-size:.85rem}.workspace main{max-width:1340px;margin:auto;padding:42px 46px 52px}.page-heading{margin-bottom:30px}.page-heading p:last-child{margin-bottom:0}.welcome-panel{color:#fff;background:var(--navy);border-radius:15px;justify-content:space-between;align-items:center;gap:32px;margin-bottom:36px;padding:32px 36px;display:flex}.welcome-panel h2{max-width:550px;font-size:1.65rem}.welcome-panel p{color:#d2e2f0;max-width:500px}.welcome-panel .eyebrow{color:#80caf3}.welcome-panel .button{color:var(--navy);background:#fff;margin-top:4px}.welcome-mark{color:#dcebf6;border-left:1px solid #446483;min-width:185px;padding-left:35px;font-size:.9rem}.welcome-mark svg{color:#8ad2ff;width:56px;height:56px;margin-bottom:18px;display:block}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-heading h2{margin:0}.section-heading>span{color:var(--muted);font-size:.85rem}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.module-card{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.module-card:hover{border-color:#6fa3c8;box-shadow:0 6px 20px #082f5f0c}.card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.icon-box{background:var(--sky);color:var(--blue);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-box svg{width:24px;height:24px}.module-number{color:#657e93;font-size:.78rem}.module-card h3{margin-bottom:9px}.module-card p{margin-bottom:25px;font-size:.9rem;line-height:1.6}.card-link{color:var(--blue);justify-content:space-between;margin-top:auto;font-size:.85rem;font-weight:700;display:flex}.button{background:var(--blue);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:24px;padding:11px 18px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.button:hover{filter:brightness(.95)}.button.secondary{border-color:var(--line);color:var(--navy);background:#fff}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:20px 46px;font-size:.8rem;display:flex}.content-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:30px}.empty-state{text-align:center;padding:65px 20px}.empty-state .icon-box{margin-bottom:24px}.large{width:64px;height:64px}.large svg{width:30px;height:30px}.empty-state p{max-width:450px;margin:0 auto}.site-details{grid-template-columns:180px 1fr;gap:0;margin:25px 0;display:grid}.site-details dt,.site-details dd{border-top:1px solid var(--line);margin:0;padding:16px 0}.site-details dt{color:var(--muted)}.site-details dd{overflow-wrap:anywhere;font-weight:600}.notice{background:var(--sky);color:#285475;border-radius:8px;padding:16px;font-size:.9rem}.access-page{place-items:center;min-height:100vh;padding:30px;display:grid}.access-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-width:490px;padding:42px}.access-card .brand{margin-bottom:40px}.access-card h1{font-size:2rem}.access-card form{flex-direction:column;gap:10px;margin:25px 0;display:flex}.access-card label{font-size:.9rem;font-weight:700}.access-card input,select{min-width:0;color:var(--navy);background:#fff;border:1px solid #b7cbdc;border-radius:6px;padding:11px 13px}.access-card input{margin-bottom:8px}.access-card .button{margin-top:12px}.muted{color:var(--muted);font-size:.85rem}.site-switch{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:15px 46px;display:flex}.site-switch label{font-size:.9rem}.resource-list article{border-top:1px solid var(--line);align-items:center;gap:20px;padding:22px 0;display:flex}.resource-list article>div{flex:1;min-width:0}.resource-list h3{overflow-wrap:anywhere;margin-bottom:8px}.resource-description{white-space:pre-wrap;overflow-wrap:anywhere}.ticket-row{border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding:20px 0;display:flex}.badge{background:var(--sky);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:.85rem}.skip{z-index:20;background:#fff;padding:14px;position:fixed;top:-100px;left:12px}.skip:focus{top:12px}:focus-visible{outline-offset:4px;outline:3px solid #d07711}@media (max-width:1150px){.sidebar{width:235px;padding-inline:15px}.workspace main{padding:32px 28px}.topbar,.preview-note,footer{padding-inline:28px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-mark{display:none}}@media (max-width:740px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:18px;position:static}.sidebar nav{gap:7px;margin-top:16px;padding-bottom:6px;display:flex;overflow:auto}.nav-item{flex-shrink:0;padding:10px;font-size:.85rem}.nav-label,.sidebar-foot{display:none}.topbar{align-items:center;height:auto;padding:16px 20px}.topbar-actions{gap:8px}.role{display:none}.workspace main{padding:28px 20px}.preview-note{padding:10px 20px}.welcome-panel{padding:24px}.module-grid{grid-template-columns:1fr}.module-card{padding:22px}.card-top{margin-bottom:16px}.content-panel{padding:22px}.site-details{grid-template-columns:1fr}.site-details dt{padding-bottom:3px}.site-details dd{border-top:0;padding-top:0}.site-switch{padding:15px 20px}.access-card{padding:28px}.empty-state{padding:35px 5px}.resource-list article{flex-wrap:wrap;align-items:flex-start}.resource-list article .button{margin-left:64px}footer{padding:20px}.welcome-panel h2{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.admin-shell .sidebar{width:285px;padding:25px 17px}.admin-shell .sidebar nav{margin-top:25px;overflow-y:auto}.admin-shell .nav-item{margin:3px 0;padding:10px 12px;font-size:.86rem}.admin-shell .sidebar-foot{padding-top:12px}.nav-counter{color:#fff;text-align:center;background:#d6552d;border-radius:20px;min-width:22px;margin-left:auto;font-size:.75rem}.admin-heading{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.admin-heading h1{font-size:2.15rem}.admin-heading .button{flex-shrink:0}.inbox-hero{background:#eaf4fb;border:1px solid #b9d1e6;border-left:5px solid #0879bd;border-radius:12px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:24px;padding:28px;display:flex}.inbox-hero.has-unread{background:#fff6ed;border-color:#ebc6a5 #ebc6a5 #ebc6a5 #c3591a}.inbox-hero h2{margin-bottom:8px;font-size:1.65rem}.inbox-hero p{max-width:520px;margin-bottom:0}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0;display:grid}.admin-stats a{border:1px solid var(--line);background:#fff;border-radius:10px;flex-direction:column;padding:22px;text-decoration:none;display:flex}.admin-stats span{color:var(--muted);font-size:.85rem}.admin-stats strong{margin-top:9px;font-size:2.35rem;line-height:1.3}.inbox-row{border-top:1px solid var(--line);align-items:center;gap:18px;padding:19px 12px;text-decoration:none;display:flex}.inbox-row>div{flex:1}.inbox-row p{margin:3px 0 0;font-size:.86rem}.unread-dot{background:#a9bccd;border-radius:100%;flex-shrink:0;width:9px;height:9px}.unread .unread-dot{background:#c3591a}.unread{background:#fff8ef}.inbox-row .badge{font-size:.78rem}.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.admin-shortcuts a{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px 20px;font-size:.9rem;font-weight:700;text-decoration:none}.admin-tabs{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.admin-tabs button{color:var(--navy);border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 18px;font-size:.9rem;font-weight:700}.admin-tabs button.selected{background:var(--navy);color:#fff}.admin-editor{border-top:4px solid var(--blue);margin-bottom:25px}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0;display:grid}.form-field{flex-direction:column;gap:7px;min-width:0;display:flex}.form-field label,.admin-toolbar label{font-size:.86rem;font-weight:700}.form-field input,.form-field textarea,.form-field select,.admin-toolbar input,.admin-toolbar select{width:100%;color:var(--navy);font:inherit;background:#fff;border:1px solid #b7cbdc;border-radius:7px;padding:11px 12px;font-size:.95rem}.form-field input[readonly]{color:#52697f;background:#f2f5f8}.form-field textarea{resize:vertical}.form-field small{color:var(--muted);font-size:.8rem}.wide{grid-column:1/-1}.check-field{justify-content:center}.check-field label{cursor:pointer;align-items:center;gap:10px;display:flex}.check-field input{width:18px;height:18px;accent-color:var(--blue)}.form-buttons{gap:12px;display:flex}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:8px;font-size:.9rem;font-weight:700;text-decoration:underline}.admin-toolbar{flex-wrap:wrap;align-items:end;gap:20px;margin-bottom:25px;display:flex}.admin-toolbar label{flex-direction:column;gap:8px;display:flex}.admin-toolbar .search-field{flex:1;min-width:200px}.admin-toolbar .muted{padding-bottom:10px}.admin-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:23px 12px;display:flex}.row-content{min-width:0}.row-content h3{overflow-wrap:anywhere;margin-bottom:7px}.row-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;font-size:.9rem}.row-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.row-actions .button{padding:9px 13px;font-size:.82rem}.badge-alert{color:#82420e;background:#f7d9b8;font-weight:700}.error-notice{color:#8f2222;background:#fff0f0;border:1px solid #e8b4b4;border-radius:8px;padding:16px}.success-notice{color:#1d5e48;background:#eaf7f0;border:1px solid #aacfc1;border-radius:8px;padding:16px}.original-message{background:var(--paper);border-radius:9px;padding:20px}.original-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;display:flex;overflow:hidden}.product-photo{aspect-ratio:1.5;background:var(--paper);justify-content:center;align-items:center;display:flex;overflow:hidden}.product-photo img{object-fit:contain;width:100%;height:100%}.product-card .row-content{flex:1;padding:20px}.product-card .row-actions{justify-content:flex-start;padding:0 20px 20px}.product-catalog,.member-inbox{margin-top:25px}.member-ticket{border-top:1px solid var(--line);padding:23px 0}.member-ticket h3{margin:0}.member-ticket p{white-space:pre-wrap;overflow-wrap:anywhere}.reply{border-left:3px solid var(--blue);background:#edf6fc;border-radius:6px;padding:18px}.reply p{margin:8px 0 0}.admin-list small{color:var(--muted)}@media (max-width:1150px){.admin-stats,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-hero{flex-direction:column;align-items:flex-start}.admin-row{flex-wrap:wrap;align-items:flex-start}.admin-shell .sidebar{width:245px}.admin-heading{flex-wrap:wrap}}@media (max-width:740px){.admin-shell .sidebar{width:100%;padding:18px}.admin-shell .sidebar nav{margin-top:15px;overflow:auto hidden}.admin-stats{gap:10px}.admin-stats a{padding:17px}.admin-stats span{font-size:.8rem}.admin-heading h1{font-size:1.8rem}.admin-heading{gap:8px}.admin-form,.admin-shortcuts{grid-template-columns:1fr}.inbox-hero{padding:23px}.inbox-row{flex-wrap:wrap;gap:10px}.product-grid{grid-template-columns:1fr}.row-actions{flex-shrink:1;justify-content:flex-start}.admin-toolbar{align-items:stretch}.admin-toolbar label{width:100%}.admin-shell .content-panel{padding:20px}.member-inbox .section-heading{flex-direction:column;align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.topbar .button{padding:8px 10px;font-size:.75rem}}.sidebar nav{min-height:0;overflow-y:auto}
