.module-container{--module-accent:var(--cyan);position:relative;animation:module-in .24s ease both}
.module-container::before{content:"";display:block;height:2px;margin:-8px 0 22px;border-radius:999px;background:linear-gradient(90deg,var(--module-accent),transparent 72%);opacity:.75}
.module-meta{display:flex;align-items:center;gap:9px;margin:0 0 18px;color:var(--muted);font-size:11px;letter-spacing:.04em}
.module-version,.build-version{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border:1px solid color-mix(in srgb,var(--cyan) 35%,var(--line));border-radius:999px;background:#0b2133;color:#aeeaf1;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.module-state{display:inline-flex;align-items:center;gap:6px}
.module-state::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #21d4e899}
.page-heading{display:flex;align-items:flex-end;gap:12px}
.build-version{color:var(--muted);border-color:var(--line);background:#0a1826}
#tickets-view{--module-accent:#60a5fa}#calendar-view{--module-accent:#a78bfa}#team-view{--module-accent:#34d399}
.dashboard-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr) 185px;grid-template-areas:"hero hero hero" "calendar mentions keys";gap:18px;align-items:stretch;margin-bottom:20px}
.dashboard-intro .hero{grid-area:hero;height:132px;min-height:132px;padding:20px 28px}
.dashboard-intro .hero h3{font-size:23px;margin:5px 0}
.dashboard-intro .hero p{margin:0}
.dashboard-intro .hero img{height:178px;margin-right:34px;align-self:flex-start}
.dashboard-focus{display:contents}
.dashboard-intro .calendar-today{grid-area:calendar;height:224px;min-width:0;padding:17px 18px;overflow:hidden}
.dashboard-intro .calendar-today .section-head h3{margin:3px 0 0}
.dashboard-intro .calendar-today .secondary{padding:8px 10px;font-size:11px}
.dashboard-intro #today-events{height:145px;margin-top:11px;padding-right:7px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cyan2) #071422}
.dashboard-intro #today-events::-webkit-scrollbar{width:7px}.dashboard-intro #today-events::-webkit-scrollbar-track{background:#071422;border-radius:9px}.dashboard-intro #today-events::-webkit-scrollbar-thumb{background:var(--cyan2);border-radius:9px}
.dashboard-focus .notification-card{grid-area:mentions;height:224px;min-width:0;margin:0;padding:17px 18px;overflow:hidden;align-self:start}
.dashboard-focus .notification-card .section-head h3{margin:3px 0 0;font-size:16px}
.dashboard-focus #dashboard-notifications{height:145px;margin-top:11px;padding-right:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--cyan2) #071422}
.dashboard-keys.stats{grid-area:keys;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));height:224px;gap:10px;margin:0;perspective:800px}
.stat-key{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;min-width:0;min-height:0;padding:9px 12px 9px 14px;border:1px solid #31516a;border-bottom-color:#07111b;border-radius:10px;background:linear-gradient(155deg,#18344b 0%,#10283b 52%,#0a1a29 100%);box-shadow:inset 0 1px #ffffff18,inset 0 -3px #050d15,0 5px 0 #06101a,0 9px 17px #0006;transform:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.stat-key:nth-child(even){transform:none}
.stat-key:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.stat-key:hover{z-index:2;border-color:var(--cyan);transform:rotateY(0) translateY(-2px);box-shadow:inset 0 1px #ffffff20,inset 0 -4px #07121c,0 9px 0 #06101a,0 16px 27px #0008}
.stat-key span{align-self:end;color:#b7ccdb;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.stat-key strong{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:25px;line-height:1;color:#f4fbff;text-shadow:0 2px #06101a}
.stat-key small{align-self:start;color:#628097;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.stat-key::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 4px 4px 0;background:var(--key-color,var(--cyan));box-shadow:0 0 12px color-mix(in srgb,var(--key-color,var(--cyan)) 65%,transparent)}
.key-open{--key-color:#21d4e8}.key-work{--key-color:#60a5fa}.key-overdue{--key-color:#ff6b7a}.key-team{--key-color:#34d399}
.app{display:block;padding-top:76px}
.sidebar{z-index:100;top:0;left:0;width:100%;height:72px;padding:9px 24px;display:flex;flex-direction:row;align-items:center;gap:22px;border-right:0;border-bottom:1px solid var(--line);background:#071522f2;box-shadow:0 12px 35px #0006;backdrop-filter:blur(16px)}
.side-logo{width:118px;max-height:52px;object-fit:contain;margin:0 8px 0 0}
.sidebar nav{display:flex;align-items:center;gap:6px}
.sidebar .nav{position:relative;padding:11px 15px;text-align:center;white-space:nowrap}
.sidebar .nav:hover,.sidebar .nav.active{background:#16324a;color:var(--text)}
.sidebar .nav.active{box-shadow:none}
.sidebar .nav.active::after{content:"";position:absolute;left:14px;right:14px;bottom:-10px;height:3px;border-radius:3px;background:var(--cyan);box-shadow:0 0 14px #21d4e899}
.sidebar .coming{display:none}
.sidebar .logout{margin:0 0 0 auto}
.content{grid-column:auto;padding-top:25px}
@keyframes module-in{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.dashboard-intro{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "calendar mentions" "keys keys"}.dashboard-keys.stats{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;height:auto}.stat-key,.stat-key:nth-child(even){min-height:72px;transform:none}.dashboard-intro .calendar-today,.dashboard-focus .notification-card{height:210px}.dashboard-intro #today-events,.dashboard-focus #dashboard-notifications{height:132px}}
@media(max-width:800px){.dashboard-intro{grid-template-columns:1fr;grid-template-areas:"hero" "calendar" "mentions" "keys"}.dashboard-keys.stats{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.dashboard-intro .hero img{opacity:.48;margin-right:-28px}}
@media(max-width:700px){.sidebar{padding:8px 10px;gap:6px;overflow-x:auto}.side-logo{width:82px}.sidebar nav{gap:2px}.sidebar .nav{padding:10px}.sidebar .logout{margin-left:4px}.content{padding-top:18px}}
@media(max-width:600px){.module-meta{align-items:flex-start;flex-wrap:wrap}.build-version{display:none}.stat-key{min-height:105px}.dashboard-intro .hero{height:116px;min-height:116px;padding:17px 20px}.dashboard-intro .hero h3{font-size:20px}.dashboard-intro .hero p{font-size:12px}.sidebar .nav{font-size:0}.sidebar .nav::first-letter{font-size:18px}}