/* Salayan / Mission Control — visual layer, no changes to stored data. */
.calendar-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.calendar-toolbar label{font-size:11px;color:#a7b6d1;display:flex;align-items:center;gap:10px}.calendar-toolbar input{background:#121c31;color:#dfe8ff;border:1px solid #8299ce30;padding:10px;border-radius:8px}.calendar-toolbar .secondary{margin:3px}.week-board{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:10px;overflow-x:auto;padding-bottom:12px}.calendar-day{min-height:210px;padding:12px;background:#10192bbf;border:1px solid #a9b9f018;border-radius:12px}.day-heading{font-size:11px;font-weight:600;margin-bottom:16px;color:#beccea}.day-heading .pill{display:block;width:max-content;margin-top:8px}.calendar-event{display:grid;width:100%;gap:8px;border:1px solid #8e78f530;border-right:3px solid #9e83ff;background:#7960d81a;color:#dce5fb;text-align:right;padding:10px;border-radius:8px;margin:10px 0}.calendar-event small,.calendar-event span{font-size:9px;color:#99aecd}.calendar-event strong{font-size:10px;line-height:1.9;font-weight:500}.calendar-event:hover{background:#7960d82d}.story-event{border-color:#62c4e422;border-right-color:#64cce7;background:#3798c00d}.calendar-event .overdue{color:#f0b490}.unscheduled-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #a3b4e116;padding:15px 0;font-size:12px}.weekly-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.weekly-ideas>div{border:1px solid #a9b9f018;padding:12px;border-radius:10px;line-height:1.9}.weekly-ideas strong{font-size:11px;font-weight:500}.weekly-ideas small{display:block;margin-top:8px;font-size:10px;color:#92a5c8}@media(max-width:700px){.weekly-ideas{grid-template-columns:1fr}.week-board{grid-template-columns:repeat(7,210px)}.unscheduled-row{align-items:flex-start;flex-direction:column}.calendar-toolbar>div{display:flex;flex-wrap:wrap}}
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.asset-card img{width:100%;height:290px;object-fit:contain;background:#0b1121;border-radius:10px}.asset-card h3{font-size:13px;margin-top:16px}.asset-card .secondary{text-decoration:none}.task-poster{display:block;max-width:230px;margin:15px 0}.task-poster img{width:100%;max-height:330px;object-fit:contain;border-radius:12px;background:#0b1121}@media(max-width:1100px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.asset-grid{grid-template-columns:1fr}}
.poster-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.poster-preview{position:sticky;top:20px}.poster-preview canvas{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 20px 70px #0007}.poster-preview .panel-heading{margin-bottom:18px}@media(max-width:900px){.poster-layout{grid-template-columns:1fr}.poster-preview{position:static;max-width:520px;width:100%;margin:auto}}
:root{color-scheme:dark;--green:#8b7cff;--muted:#9aa8c3;--line:#ffffff12;background:#080c18;color:#e9efff}
body{background:radial-gradient(ellipse at 12% 4%,#48328b30,transparent 44%),radial-gradient(ellipse at 75% 65%,#095d8c20,transparent 48%),#080c18;min-height:100vh}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background-image:radial-gradient(1px 1px at 20% 18%,#cfdbff 99%,transparent),radial-gradient(1px 1px at 65% 45%,#aebeff 99%,transparent),radial-gradient(1px 1px at 45% 72%,#8bb5f5 99%,transparent);background-size:317px 289px,419px 367px,223px 331px}
.shell{position:relative}.sidebar{background:linear-gradient(180deg,#101628f5,#090f1ff5);border-left:1px solid #ffffff13;z-index:5;padding-top:30px;box-shadow:-18px 0 80px #0002;overflow-y:auto}.identity{gap:14px;margin-bottom:34px}.identity strong{font-size:24px;letter-spacing:-1px}.identity small{color:#8192b5;font-size:10px}.logo{background:linear-gradient(140deg,#9576ff,#3c7aff);color:white;box-shadow:0 0 30px #7766ff30,inset 0 1px 0 #fff6;border-radius:15px}.identity .logo{font-size:0;background:#e4e7f2 url('/assets/salayan-profile.jpg') center/cover}.workspace-label{color:#798bad;font-size:10px;letter-spacing:.5px}.sidebar select{background:#192239;border-color:#ffffff13;color:#d8e5ff;border-radius:11px;padding:12px}.sidebar nav{gap:6px;margin-top:24px}.sidebar nav button{padding:12px;color:#98a8c6;border:1px solid transparent;transition:background .18s,transform .18s,color .18s}.sidebar nav button.active{background:linear-gradient(100deg,#7460df35,#3867b81c);border-color:#9d8cff35;color:#d8d0ff;box-shadow:inset -3px 0 #a18bff}.sidebar nav button.active span{color:#b3a0ff}.sidebar nav button:hover:not(.active){background:#ffffff06;color:white;transform:translateX(-3px)}.sidebar nav span{color:#6f83a8}.sidebar nav b{background:#a9b4e512;color:#b3c3e0}.sidebar-bottom{border-color:#ffffff12;color:#b1bdd7;padding-top:18px}.sidebar-bottom small{color:#7487ab}.status-dot{background:#58dfba;box-shadow:0 0 10px #58dfba66}.sidebar-bottom .secondary{background:#151f34;font-size:10px}
header{height:76px;background:#0a1020a8;border-bottom:1px solid #ffffff0c;backdrop-filter:blur(18px);position:relative}.breadcrumb{color:#768bad}.breadcrumb span:last-child{color:#c2d0ec}.header-end{color:#91a4c6}.avatar{background:linear-gradient(140deg,#263954,#182239);border-color:#8fafff33;color:#b6c9ee;box-shadow:0 0 0 4px #ffffff03}
main{padding-top:35px}.page-heading{position:relative;isolation:isolate;overflow:hidden;min-height:158px;border:1px solid #b2a0ff24;background:radial-gradient(ellipse at 10% 50%,#7656e03a,transparent 50%),linear-gradient(115deg,#1824418c,#11182a);border-radius:20px;padding:29px 30px;margin-bottom:24px;box-shadow:0 16px 55px #0002}.page-heading:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #a2b4ff15;border-radius:50%;left:60px;top:-83px;box-shadow:0 0 0 27px #a2b4ff05,0 0 0 65px #a2b4ff03;z-index:-1}.page-heading:after{content:'';position:absolute;width:11px;height:11px;border-radius:50%;background:#8cbaff;box-shadow:0 0 24px #6699ff;left:85px;top:50px;z-index:-1}.eyebrow{color:#8b99db;letter-spacing:2.4px;font-size:9px}h1{font-size:29px;letter-spacing:-.8px;margin-top:12px}.page-heading p{color:#91a1bd;font-size:12px}.primary{background:linear-gradient(120deg,#8d6bf2,#536eed);border:1px solid #c1a8ff45;box-shadow:0 5px 24px #6e56db26,inset 0 1px 0 #ffffff20;border-radius:10px;color:#fff;padding:11px 18px;transition:filter .18s,transform .18s}.primary:hover{background:linear-gradient(120deg,#9c7aff,#647dff);transform:translateY(-1px);filter:brightness(1.06)}
.notice{background:#11233185;border-color:#65b7e41c;padding:14px 18px;border-radius:12px}.notice>span:first-child{color:#70c7f3;font-size:20px;text-shadow:0 0 18px #4ca6e8}.notice strong{color:#b2d5ee;font-weight:500}.notice p{color:#809bb4;font-size:10px}.notice .pill{background:#4ba8c911;color:#7fbdd7;border:1px solid #6bcff21a}
.stat,.brand-card,.panel,.department,.connection,.task-row{background:linear-gradient(145deg,#172037b8,#101727e8);border-color:#ffffff10;box-shadow:0 9px 34px #00000012;border-radius:15px}.stats{gap:15px}.stat{padding:19px 21px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.stat:hover{transform:translateY(-3px);border-color:#aaa0ff40}.stat:after{content:'';position:absolute;width:75px;height:75px;left:-18px;bottom:-38px;border-radius:50%;background:#6f78ff13;box-shadow:0 0 35px #6f78ff13}.stat-top{color:#99abc9;font-size:11px}.stat-icon{background:linear-gradient(140deg,#a18bff20,#5b86ee0e);color:#a39af8;border:1px solid #bca8ff15;border-radius:9px}.stat strong{font-size:34px;font-weight:500;color:#e7edff;line-height:1.3;margin-top:15px}.stat small{color:#6f83a5}.section-heading h2{font-size:15px}.section-heading small{color:#7487a8}.section-heading{margin-top:28px}.brand-card{padding:24px;transition:transform .2s,border-color .2s}.brand-card:hover{transform:translateY(-3px);border-color:#8ea9e02e}.brand-card:before{height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.8}.brand-icon{background:color-mix(in srgb,var(--brand) 18%,#18223a);color:color-mix(in srgb,var(--brand) 55%,#fff);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);width:46px;height:46px;border-radius:13px}.brand-top small{color:#7b8caa}.brand-card>p{color:#8fa0bd;font-size:11px;line-height:2}.brand-numbers{border-color:#ffffff0d;justify-content:space-between;gap:10px}.brand-numbers strong{color:#d2def5}.brand-numbers small{color:#7588aa;font-size:9px}.text-button{color:#aaa1ff}.text-button:hover{color:#d5ccff}.brand-card .text-button{font-size:11px}.panel h2{color:#d3dff6}.panel-heading h2{font-size:14px}.pill{background:#9baed212;border:1px solid #a6b9e514;color:#9faecc}.step{background:#92aaff10;color:#8d9ec3;border:1px solid #b5bdff12}.step.current{background:#8e74f524;color:#bcaaff;border-color:#b298ff30;box-shadow:0 0 16px #8068e614}.roadmap-item strong{color:#c1d0eb;font-weight:500}.roadmap-item p{color:#778bae}.roadmap-item{margin-top:20px}.empty{color:#8194b6}.empty strong{color:#a6b7d4;font-weight:500}.empty .empty-icon{color:#637397;font-size:33px}.empty p{color:#7183a3}.muted{color:#8e9fbd}.local-note{background:#7b8bb80b;border:1px solid #a5b4e017;color:#91a3c3;font-size:11px}.department p,.connection p{color:#8f9fbc}.secondary{background:#1a2540;border:1px solid #a5b8ed22;color:#b2c3e5;border-radius:8px}.secondary:hover{background:#253252;border-color:#9aafff55}.danger{color:#eea1ad}.task-description{color:#a8bad7;line-height:2}.task-meta{color:#7f94b8}.approved{background:#3cbb9a16;color:#6bd9ba;border-color:#54cca329}.awaiting{background:#d2a74e15;color:#dfbf7a;border-color:#d2a74e25}.rejected{background:#df647e15;color:#f39baf;border-color:#df647e25}.filters input,.filters select,form input,form select,form textarea,.conversation textarea{background:#0c1426;border-color:#9caee426;color:#dce7fc;border-radius:10px}.filters input::placeholder,form input::placeholder,form textarea::placeholder,.conversation textarea::placeholder{color:#5f7397}form label{color:#aabbd8;font-size:11px}form input,form textarea{padding:12px}input:focus,textarea:focus,select:focus{border-color:#aa93ff;box-shadow:0 0 0 3px #9477ef12}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b19aff;outline-offset:4px}option{background:#111a2d;color:#dce7ff}dialog{background:#111a2d;color:#e4ecfd;border-color:#a68aff35;box-shadow:0 35px 120px #0009}dialog::backdrop{background:#030714ba;backdrop-filter:blur(7px)}.icon-button{background:#a5b4dc15;color:#aab9d9}.conversation-note{background:#34426636;border:1px solid #a4b4df12;color:#c0cde4}.conversation-note small{color:#7f94b6}.profile-copy,.profile-rules{color:#9aaece}.brand-profile-hero{background:linear-gradient(125deg,#13294a,#151b31);border-color:#6f99f12b}.brand-profile-hero img{box-shadow:0 12px 40px #0003}.brand-profile-hero a{color:#7ab5ff}.logo-asset img{background:white;border-color:#ffffff18}.language-draft p{color:#a7b7d4}.calendar-grid p{color:#91a2c2}footer{border-color:#ffffff0b;color:#576c91;padding-top:24px;padding-bottom:24px}#toast{background:#263456;border:1px solid #9d99f84d;box-shadow:0 10px 35px #0007;color:#e8eaff}
.auth-screen{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 18% 20%,#6847be32,transparent 48%),radial-gradient(ellipse at 85% 70%,#1b579c36,transparent 45%),#080d1b}.auth-screen:before{content:'';position:absolute;z-index:-1;width:650px;height:650px;border:1px solid #b8aaff12;border-radius:50%;top:-310px;right:-150px;box-shadow:0 0 0 90px #a4b8ff04,0 0 0 190px #a4b8ff03}.auth-screen:after{content:'SALAYAN / MISSION CONTROL';position:absolute;bottom:22px;font-size:9px;letter-spacing:3px;color:#52688e;direction:ltr}.auth-card{position:relative;z-index:1;background:linear-gradient(145deg,#1c2640d6,#10182cdc);border:1px solid #b39cff26;box-shadow:0 35px 100px #0007,inset 0 1px 0 #ffffff0c;backdrop-filter:blur(24px);border-radius:23px;padding:35px;width:min(440px,100%)}.auth-card .logo{width:54px;height:54px;font-size:0;background:#e4e7f2 url('/assets/salayan-profile.jpg') center/cover;box-shadow:0 0 30px #557fe730}.auth-card h1{font-size:25px;margin-top:20px;color:#f0f2ff}.auth-card p{color:#92a3c1}.auth-card small{color:#667eaa;font-size:10px}.auth-card .eyebrow{color:#9b8ce5;font-size:9px}.auth-card #auth-error{color:#ff9db2}.auth-card .primary{padding:12px}.auth-card a{color:#b4a1ff}.auth-card label{margin-top:22px}.auth-card input{background:#0b1428b8;border-color:#9babdc22}.auth-card input:focus{border-color:#9d80f7}.auth-card #reset-message{color:#b2c6ed}
@media(prefers-reduced-motion:no-preference){.stat,.brand-card,.department,.connection{animation:arrive .4s ease-out both}.stat:nth-child(2),.brand-card:nth-child(2){animation-delay:.05s}.stat:nth-child(3),.brand-card:nth-child(3){animation-delay:.1s}.stat:nth-child(4){animation-delay:.15s}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1100px){.page-heading{padding:25px}.sidebar nav button{font-size:12px}.identity strong{font-size:22px}}
@media(max-width:700px){.sidebar{padding:17px 15px 10px;border-bottom:1px solid #ffffff12;overflow:visible}.identity{margin-bottom:15px}.sidebar nav{padding-bottom:5px;margin-top:12px}.sidebar nav button{font-size:11px;padding:10px 12px;min-height:40px}.sidebar nav button.active{box-shadow:inset 0 -2px #a18bff}.sidebar select{padding:10px}.page-heading{padding:22px;min-height:168px;align-items:flex-start;gap:10px}.page-heading h1{font-size:23px}.page-heading p{max-width:240px;font-size:10px}.page-heading .primary{font-size:10px;margin-top:4px}.page-heading:before{left:-80px;top:30px}.page-heading:after{left:30px;top:110px}.stat{padding:17px}.stat strong{font-size:30px}.brand-profile-hero{padding:20px}.auth-card{padding:28px}.auth-screen{padding:20px}.notice{gap:10px}.notice p{font-size:10px;line-height:1.9}.header-end .avatar{width:29px;height:29px}footer{font-size:9px}.form-actions .primary{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}