:root{--accent:#0c3554;--accent-2:#164d75;--ink:#17212b;--muted:#6b7785;--line:#dfe5ea;--surface:#fff;--canvas:#f5f7f9;--success:#16855b;--warning:#9a6400;--danger:#c73547;--shadow:0 12px 36px rgba(19,43,63,.09);--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}svg{width:20px;height:20px}.container{width:min(1080px,calc(100% - 36px));margin:auto}.site-header{height:68px;background:#fff;border-top:4px solid var(--accent);border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{width:min(1120px,calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.brand img{display:block;max-width:128px;max-height:34px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:12px;color:#52606d}.top-nav{display:flex;align-items:center;gap:22px}.top-nav>a{font-size:13px;font-weight:600;color:#4d5b68}.top-nav>a:hover{color:var(--accent)}.sign-in-link{color:var(--accent)!important}.notification-link{position:relative;display:grid;place-items:center}.notification-link span{position:absolute;right:-8px;top:-8px;background:#e53452;color:#fff;border:2px solid #fff;border-radius:999px;font-size:9px;line-height:17px;min-width:17px;height:17px;text-align:center}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-weight:600}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary>svg{width:14px}.account-dropdown{position:absolute;right:0;top:47px;width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px}.account-dropdown>a,.account-dropdown button{display:block;width:100%;border:0;background:none;text-align:left;padding:10px 12px;border-radius:8px}.account-dropdown>a:hover,.account-dropdown button:hover{background:#f0f4f7}.account-card{display:flex;gap:10px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}.account-card strong,.account-card small{display:block}.account-card small{color:var(--muted)}.avatar{border-radius:50%;object-fit:cover;flex:0 0 auto}.avatar-fallback{display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;border-radius:50%;flex:0 0 auto}.mobile-nav-toggle{display:none;border:0;background:none}.flash{position:relative;z-index:20;padding:11px 18px;text-align:center;font-weight:600}.flash-success{background:#e7f7f0;color:#146c4c}.flash-error{background:#fff0f1;color:#a52135}.hero{position:relative;height:320px;background:var(--accent);overflow:hidden;display:grid;place-items:center}.hero-pattern{position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg width='180' height='180' viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23fff' stroke-width='7'%3E%3Ccircle cx='30' cy='34' r='20'/%3E%3Cpath d='M95 16l16 24-16 24-16-24zM132 105h34M149 88v34M18 120c20-25 42-25 62 0-20 28-42 28-62 0z'/%3E%3Cpath d='M92 91c30-18 51 4 41 27-8 19-28 20-44 4'/%3E%3C/g%3E%3C/svg%3E");background-size:180px}.hero-content{position:relative;width:min(850px,calc(100% - 36px));text-align:center;color:#fff}.eyebrow{margin:0 0 9px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;opacity:.8}.eyebrow.dark{color:var(--accent)}h1,h2{font-family:Montserrat,Inter,sans-serif;letter-spacing:-.025em}h1{font-size:40px;line-height:1.1;margin:0 0 25px}h2{font-size:24px;margin:0}.hero-search{height:58px;background:#fff;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 7px 0 18px;box-shadow:0 16px 35px rgba(0,0,0,.18);text-align:left}.hero-search>svg{color:#7a8792}.hero-search input{flex:1;border:0;outline:0;font-size:15px;min-width:0}.hero-search button{height:44px;padding:0 22px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-weight:700}.home-content{padding:58px 0 70px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-heading h1{margin-bottom:5px}.section-heading p{color:var(--muted);margin:5px 0 0}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:13px}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-2)}.button-secondary{background:#fff;border-color:#cfd8df;color:var(--ink)}.button-light{background:#fff;color:var(--accent)}.button-warning{background:#e7a726;color:#241800}.button.full{width:100%}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.category-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;align-items:center;gap:16px;transition:.18s ease}.category-card:hover{transform:translateY(-2px);border-color:#a7b9c7;box-shadow:var(--shadow)}.category-icon{width:46px;height:46px;border-radius:12px;background:#edf3f7;color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.category-card span:nth-child(2){flex:1}.category-card strong,.category-card small{display:block}.category-card strong{font-size:16px;margin-bottom:4px}.category-card small{color:var(--muted);line-height:1.4}.category-arrow{color:#9aa6b0}.help-strip{margin-top:24px;background:#e8f0f5;border:1px solid #d3e0e8;border-radius:var(--radius);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.help-strip>div{display:flex;align-items:center;gap:15px}.help-strip p{margin:2px 0 0;color:var(--muted)}.page-hero{background:var(--accent);color:#fff}.page-hero.compact{padding:45px 0}.page-hero h1{font-size:32px;margin:0 0 9px}.page-hero p{margin:0;opacity:.78}.page-hero .section-heading{margin:0}.hero-search.small{margin-top:22px;max-width:720px;height:52px;box-shadow:none}.content-page{padding:44px 0 70px}.result-count{color:var(--muted);margin-bottom:16px}.article-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.article-list>a{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.article-list>a:last-child{border-bottom:0}.article-list>a:hover{background:#fafcfd}.article-list strong,.article-list small{display:block}.article-list small{color:var(--accent);font-weight:700;margin-bottom:4px}.article-list p{color:var(--muted);margin:4px 0 0}.article-layout{padding:38px 0 70px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:35px}.breadcrumbs{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.breadcrumbs svg{width:14px}.article-content{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px}.article-content h1{font-size:32px;margin-bottom:12px}.article-excerpt{font-size:17px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:24px}.prose{font-size:15px;line-height:1.8}.prose code{background:#edf1f4;padding:2px 5px;border-radius:4px}.article-help{background:#edf3f7;border-radius:var(--radius);padding:23px;height:max-content}.article-help strong{font-size:17px}.article-help p{color:var(--muted)}.breadcrumb{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-weight:600;font-size:13px;margin-bottom:18px}.dashboard-page,.form-page{padding:38px 0 70px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 4px 15px rgba(20,45,65,.03)}.empty-state{text-align:center;padding:50px 25px}.empty-state>svg{width:42px;height:42px;color:#8ea0ae;margin-bottom:12px}.empty-state p{color:var(--muted)}.ticket-table{overflow:hidden}.ticket-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 170px 24px;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line)}.ticket-row:last-child{border-bottom:0}.ticket-row:not(.ticket-head):hover{background:#fafcfd}.ticket-row strong,.ticket-row small{display:block}.ticket-row small{color:var(--muted);margin-top:3px}.ticket-head{background:#f8fafb;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#76828d;font-weight:800}.status,.priority{display:inline-flex;width:max-content;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap}.status-open{background:#e8f3ff;color:#1768a8}.status-user_reply{background:#fff0dc;color:#9a5700}.status-pending{background:#f0edff;color:#6244a7}.status-resolved{background:#e7f7ef;color:#13724d}.status-closed{background:#eceff1;color:#5b6670}.priority-low{background:#eef1f3;color:#687580}.priority-normal{background:#e9f2f8;color:#315f7e}.priority-high{background:#fff0dc;color:#9a5700}.priority-urgent{background:#ffe7eb;color:#b3263c}.support-form{max-width:820px;margin:auto;padding:28px}.support-form label{display:block;margin-bottom:22px}.support-form label>span,.ticket-controls label>span{display:block;font-weight:700;margin-bottom:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.support-form input,.support-form select,.support-form textarea,.ticket-controls select,.filter-bar input,.filter-bar select,.staff-composer textarea,.reply-box textarea{width:100%;border:1px solid #cbd5dd;border-radius:9px;background:#fff;padding:12px 13px;outline:0}.support-form input:focus,.support-form select:focus,.support-form textarea:focus,.staff-composer textarea:focus,.reply-box textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(12,53,84,.1)}.support-form small{color:var(--muted)}.upload-zone{border:1px dashed #9fb1be;border-radius:11px;padding:20px;display:flex!important;align-items:center;gap:13px;background:#fafcfd;cursor:pointer}.upload-zone input,.file-button input{display:none}.upload-zone strong,.upload-zone small{display:block}.upload-zone.has-files:after,.file-button.has-files:after{content:attr(data-files);color:var(--success);font-weight:700;margin-left:auto}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.ticket-page{padding:35px 0 70px}.ticket-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.ticket-title span,.staff-ticket-header>div>span{color:var(--muted);font-weight:700;font-size:12px}.ticket-title h1{font-size:29px;margin:4px 0 0}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;margin-top:24px}.conversation{overflow:hidden}.message{display:flex;gap:14px;padding:24px;border-bottom:1px solid var(--line)}.message.internal{background:#fff9e9;border-left:4px solid #e0a025}.message-main{min-width:0;flex:1}.message-main header{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.message-main header>div{display:flex;align-items:center;gap:8px}.message-main time{font-size:12px;color:var(--muted)}.role-badge,.internal-badge{font-size:10px;font-weight:800;border-radius:999px;padding:2px 7px;background:#e7f0f6;color:var(--accent)}.internal-badge{background:#ffedb9;color:#865700}.message-body{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.attachments a{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#f9fbfc}.attachments a span,.attachments a small{display:block}.attachments a small{color:var(--muted)}.reply-box{padding:20px;background:#f9fbfc}.reply-box>div,.staff-composer form>div{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.file-button{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:700;color:var(--accent)}.closed-notice{padding:20px;display:flex;align-items:center;justify-content:center;gap:8px;background:#f2f4f5;color:var(--muted)}.ticket-sidebar{padding:22px;height:max-content}.ticket-sidebar h2,.ticket-controls h2,.requester-card h2{font-size:17px;margin-bottom:18px}.ticket-sidebar dl{margin:0}.ticket-sidebar dl>div{padding:13px 0;border-bottom:1px solid var(--line)}.ticket-sidebar dl>div:last-child{border-bottom:0}.ticket-sidebar dt{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}.ticket-sidebar dd{margin:4px 0 0;font-weight:600}.notification-list{overflow:hidden}.notification-item{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#f0f6fa}.notification-item>span:nth-child(2){flex:1}.notification-item strong,.notification-item small{display:block}.notification-item p{margin:2px 0;color:var(--muted)}.notification-item small{color:#8a96a0}.error-page{padding:90px 20px;text-align:center}.error-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#ffe9ed;color:var(--danger);margin:0 auto 18px}.error-icon svg{width:30px;height:30px}.error-page p{color:var(--muted);font-size:16px}.site-footer{border-top:1px solid var(--line);background:#fff;padding:25px 0}.site-footer>div{width:min(1080px,calc(100% - 36px));margin:auto;display:flex;justify-content:space-between;color:var(--muted)}.site-footer nav{display:flex;gap:20px}.staff-shell{min-height:calc(100vh - 68px);display:grid;grid-template-columns:230px minmax(0,1fr)}.staff-sidebar{background:#10293d;color:#dbe7ef;padding:24px 15px}.staff-logo{display:flex;align-items:center;gap:10px;font-family:Montserrat;font-weight:800;padding:0 10px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.staff-sidebar nav{display:grid;gap:5px;margin-top:18px}.staff-sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:8px;color:#b8cad7;font-weight:600}.staff-sidebar nav a.active,.staff-sidebar nav a:hover{background:rgba(255,255,255,.1);color:#fff}.staff-main{padding:32px;min-width:0}.staff-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.staff-header h1{font-size:31px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:grid;grid-template-columns:auto 1fr;column-gap:12px}.stat-card span{grid-row:1/3;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#edf3f7;color:var(--accent)}.stat-card strong{font-size:25px;line-height:1}.stat-card small{color:var(--muted)}.stat-card.urgent span{background:#ffe7eb;color:var(--danger)}.staff-list{overflow:hidden}.panel-heading{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-size:18px}.panel-heading a{color:var(--accent);font-weight:700}.staff-ticket{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid var(--line)}.staff-ticket:last-child{border-bottom:0}.staff-ticket:hover{background:#fafcfd}.staff-ticket-main{flex:1;min-width:0}.staff-ticket-main strong,.staff-ticket-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-ticket-main small{color:var(--muted)}.date-col{color:var(--muted);font-size:12px}.filter-bar{display:flex;gap:10px;padding:13px;margin-bottom:16px}.filter-bar label{position:relative;flex:1}.filter-bar label svg{position:absolute;left:12px;top:11px;color:#84919c}.filter-bar input{padding-left:40px}.filter-bar select{width:170px}.staff-ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.staff-ticket-header h1{font-size:29px;margin:4px 0}.staff-ticket-header p{margin:0;color:var(--muted)}.staff-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.staff-ticket-layout>aside{display:grid;gap:15px;height:max-content}.staff-composer{margin-top:15px;padding:18px}.composer-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:-18px -18px 16px;padding:9px 12px 0}.composer-tabs button{border:0;background:none;padding:10px 12px;border-bottom:2px solid transparent;font-weight:700;color:var(--muted)}.composer-tabs button.active{color:var(--accent);border-color:var(--accent)}.hidden{display:none!important}.note-hint{display:flex;align-items:center;gap:6px;color:var(--warning);font-weight:600}.ticket-controls,.requester-card{padding:20px}.ticket-controls label{display:block;margin-bottom:15px}.requester-card>div{display:flex;align-items:center;gap:11px}.requester-card strong,.requester-card small{display:block}.requester-card small{color:var(--muted)}.requester-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:14px;border-top:1px solid var(--line);color:var(--accent);font-weight:700}.requester-card>a svg{width:16px}
@media(max-width:900px){.category-grid{grid-template-columns:1fr}.ticket-layout,.article-layout,.staff-ticket-layout{grid-template-columns:1fr}.article-help,.ticket-sidebar{grid-column:1}.stats-grid{grid-template-columns:repeat(2,1fr)}.staff-shell{grid-template-columns:1fr}.staff-sidebar{display:none}.staff-main{padding:24px}.staff-ticket .priority,.date-col{display:none}}
@media(max-width:700px){.site-header{height:62px}.brand img{max-width:105px}.top-nav{display:none;position:absolute;left:18px;right:18px;top:62px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:14px;align-items:stretch;flex-direction:column}.top-nav.open{display:flex}.mobile-nav-toggle{display:grid;place-items:center}.hero{height:280px}.hero h1{font-size:31px}.hero-search button{padding:0 13px}.section-heading,.help-strip,.site-footer>div{align-items:flex-start;flex-direction:column}.page-hero.compact{padding:34px 0}.form-grid{grid-template-columns:1fr}.ticket-row{grid-template-columns:minmax(0,1fr) auto 20px}.ticket-row>span:nth-child(3),.ticket-head{display:none}.staff-main{padding:18px}.stats-grid{grid-template-columns:1fr 1fr}.filter-bar{flex-direction:column}.filter-bar select{width:100%}.staff-ticket .status{display:none}.message{padding:18px 14px}.message-main header{flex-direction:column}.staff-ticket-header{align-items:flex-start}.article-content{padding:23px}.account-menu summary span{display:none}}