:root{--y-blue:#2864f0;--y-sky:#6cb7ff;--y-deep:#123461;--y-ice:#f4f7fb;--y-white:#fff;--y-ink:#102a43;--y-line:#d9e4f0;--y-success:#27ae60;--y-warning:#e3a512;--y-danger:#d83a4a;--y-gradient:linear-gradient(135deg,#2864f0,#6cb7ff);--navy:var(--y-deep);--blue:var(--y-blue);--border:var(--y-line);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--y-ink);background:var(--y-ice)}
body{background:var(--y-ice);color:var(--y-ink)}h1,h2,h3,.brand,.button,button{font-family:Manrope,"Segoe UI",Arial,sans-serif}h1{font-weight:750;letter-spacing:-.035em;color:#0d2945}h2{font-weight:700;letter-spacing:-.015em}a{color:var(--y-blue)}
button,.button{border-radius:10px;background:var(--y-gradient);box-shadow:0 7px 16px #2864f024;transition:transform .16s,box-shadow .16s,filter .16s}button:hover,.button:hover{filter:none;transform:translateY(-1px);box-shadow:0 10px 22px #2864f032}button.secondary{background:#fff;color:var(--y-deep);border-color:#bfd1e2;box-shadow:none}
.sidebar{background:linear-gradient(180deg,#123461 0%,#0c294b 100%);padding-top:28px;box-shadow:10px 0 36px #12346114}.sidebar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:url('/static/brand/y-ribbons.svg') center bottom/330px auto no-repeat;opacity:.09;pointer-events:none}.sidebar>*{position:relative;z-index:1}
.brand{display:flex;align-items:center;gap:13px;margin-bottom:38px}.brand-symbol{width:56px;height:56px;margin:0;filter:drop-shadow(0 8px 13px #001a4038)}.brand span{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#d9e9f8;font-size:.67rem;letter-spacing:.14em;line-height:1.5}.brand span small{color:#9fc3e4;font-size:.52rem;letter-spacing:.16em;margin-bottom:4px}
nav a{border-radius:10px;color:#d7e7f6;transition:background .16s,color .16s,transform .16s}nav a:hover{background:#ffffff12;transform:translateX(2px)}nav a[aria-current]{background:linear-gradient(90deg,#2864f03a,#6cb7ff20);box-shadow:inset 3px 0 var(--y-sky);color:#fff}.nav-label{color:#8fb7da}.profile{border-top:1px solid #ffffff16}
.workspace{position:relative;background:linear-gradient(160deg,#fff 0,#f4f7fb 33%);min-height:100vh}.workspace:before{content:"";position:fixed;right:34px;top:18px;width:min(430px,30vw);aspect-ratio:760/300;background:url('/static/brand/y-ribbon-tip.svg') center/contain no-repeat;opacity:.09;pointer-events:none}.workspace>*{position:relative}
.desktop-bar{border-color:#d7e4f0}.desktop-date time,.desktop-weather strong{color:var(--y-deep)}.page-head{padding:4px 0 2px}.eyebrow{color:#55728d;font-weight:800;letter-spacing:.19em}
.panel,.ticket-list{border-color:var(--y-line);border-radius:18px;box-shadow:0 8px 26px #12346108}.panel{background:#ffffffeb}.ticket-grid{gap:20px}.ticket-card{border-color:#d6e2ee;border-radius:18px;box-shadow:0 7px 20px #1234610a;transition:box-shadow .18s,transform .18s,border-color .18s}.ticket-card:hover{border-color:#b8cde3;box-shadow:0 14px 32px #12346118;transform:translateY(-3px)}
.ticket-card.normal{--accent:var(--y-blue);--tint:#eef4ff;--ink:#1d52bd}.ticket-card.medium{--accent:var(--y-warning);--tint:#fff9e8;--ink:#7a5700}.ticket-card.high{--accent:var(--y-danger);--tint:#fff2f3;--ink:#a82a38}.ticket-card.done{--accent:var(--y-success);--tint:#edf9f2;--ink:#197044}.announcement-card{--accent:#5f62d8;--tint:#f5f4ff;--ink:#4145a9;border-color:#c5c8f2}
.badge{border-radius:999px}.notice{border-radius:12px;box-shadow:0 8px 22px #1234610c}input:not([type=checkbox]),textarea,select{border-color:#bfd0df;border-radius:10px;background:#fff;transition:border .16s,box-shadow .16s}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--y-blue);box-shadow:0 0 0 4px #2864f017;outline:0}
.empty{border-radius:17px;background:linear-gradient(145deg,#fff,#f3f8ff)}.empty-mark{background:linear-gradient(135deg,#e9f1ff,#ddebff);color:var(--y-blue)}
.entry{position:relative;overflow:hidden;background:linear-gradient(145deg,#eef5ff,#f7faff)}.entry:before{content:"";position:fixed;z-index:0;left:-18vw;top:50%;width:136vw;height:min(500px,48vw);background:url('/static/brand/y-ribbons.svg') center/100% 100% no-repeat;opacity:.08;transform:translateY(-50%) rotate(-13deg);pointer-events:none}
.login-card{position:relative;z-index:1;overflow:hidden;width:min(460px,calc(100vw - 40px));padding:42px;border-radius:22px;box-shadow:0 25px 80px #1234611a}.login-card:after{display:none}.login-card .brand{margin:0 0 34px;gap:14px}.login-card .brand-symbol{width:70px;height:70px}.login-card .brand span{color:#365671;font-size:.69rem}.login-card .brand span small{color:#6b9bc4}.login-intro{margin-bottom:24px}.login-intro h1{margin-bottom:8px}.login-intro p{margin-bottom:0}.login-card form label{margin-bottom:18px}.login-card .login-actions{display:block;margin-top:4px}.login-card .login-actions button{width:100%;min-height:50px}.login-footer{margin-top:26px;padding-top:20px;border-top:1px solid #e0e8f0}.forgot-password{display:inline-block;font-size:.875rem;font-weight:650}.login-card .login-access-help{margin:12px 0 0!important;line-height:1.55}.login-card .small{margin-top:0}
.chat-alert{border-radius:14px;border-left-color:var(--y-blue);box-shadow:0 15px 40px #12346124}.presence.online:before{background:var(--y-success);box-shadow:0 0 0 3px #27ae6020}
@media(max-width:760px){.sidebar{background:linear-gradient(135deg,#123461,#173e72)}.sidebar:after{display:none}.sidebar .brand-symbol{width:38px;height:38px}.workspace{background:var(--y-ice)}.workspace:before{right:10px;top:72px;width:180px;opacity:.07}.entry:before{left:-55vw;width:210vw;height:62vw;opacity:.07;transform:translateY(-50%) rotate(-18deg)}.login-card{padding:30px}.login-card .brand{margin-bottom:28px}.login-card .brand-symbol{width:58px;height:58px}.page-head{margin-bottom:24px}.ticket-grid{gap:16px}.ticket-card{min-height:270px}button,.button{min-height:45px}}
@media(prefers-reduced-motion:reduce){button,.button,nav a,.ticket-card{transition:none!important;transform:none!important}}