:root{--bg:#101019;--panel:#1c1c28;--line:#e4e7ee;--ink:#1f2937;--muted:#6b7280;--blue:#129fe1;--orange:#ff7b19;font-family:Arial,"Microsoft JhengHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:#0e0e16;color:var(--ink)}a{color:inherit}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px 16px;background:radial-gradient(circle at 50% 5%,#513224 0,transparent 31%),linear-gradient(135deg,#020204,#131019 55%,#030304);overflow:hidden}.login-page:after{content:"";position:fixed;inset:auto -20% 8%;height:4px;background:#ff9c12;box-shadow:0 -62px 0 #7d470c,0 62px 0 #7d470c;transform:rotate(-19deg);opacity:.72}.login-card{position:relative;z-index:1;width:min(100%,390px);display:grid;gap:13px;text-align:center;color:#fff}.hex{width:240px;height:180px;margin:0 auto 4px;display:grid;place-items:center;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#32333a,#15151b);border:3px solid #a9a9af}.hex span{max-width:none;white-space:nowrap;font-size:25px;line-height:1;font-weight:800;letter-spacing:0;color:#ff7413;text-shadow:0 0 8px #ffb02a}.login-subtitle{margin:0;color:#ced0d6;letter-spacing:2px}.login-card form{display:grid;gap:10px}.login-card input,.modal-form input,.modal-form select{width:100%;min-height:48px;padding:12px;border:1px solid #a5a7af;border-radius:7px;font:inherit}.login-card input{background:#0e0e13;color:#fff}.primary{border:0;border-radius:7px;min-height:48px;background:var(--blue);color:#fff;font-size:17px;font-weight:700;cursor:pointer}.language-line{display:flex;align-items:center;justify-content:center;gap:8px;color:#f3f4f6}.language-line select{min-height:38px;border-radius:5px;padding:0 10px;font:inherit}.outline{display:block;padding:11px;border:1px solid var(--blue);border-radius:7px;color:#27b9ff!important;text-decoration:none}.login-card>a:not(.outline){color:#fff}.notice{margin:0;padding:10px 12px;border-radius:7px;background:#e8f8ee;color:#166534;font-size:14px}.notice.error{background:#fde8e8;color:#b42318}.app-shell{width:min(100%,430px);min-height:100vh;margin:0 auto;background:#f7f8fb;padding-bottom:74px}.app-header{height:58px;padding:10px 15px;background:#fff;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5e7eb}.brand{font-weight:800;color:#e85c13;text-decoration:none}.locale{margin-left:auto;color:#374151;text-decoration:none;font-size:14px}.logout-link{padding:7px 9px;border-radius:5px;background:#4b5563;color:#fff;text-decoration:none;font-size:12px}.hero{min-height:215px;padding:35px 28px;color:#fff;background:radial-gradient(circle at 78% 25%,#f59e0b 0 8%,#61398a 9% 18%,transparent 19%),linear-gradient(135deg,#173764,#4f2d76)}.hero h1{margin:12px 0 9px;font-size:26px}.hero p{margin:0;line-height:1.65}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:11px}.menu-item{min-height:126px;padding:14px;text-decoration:none;background:#fff;border:1px solid #edf0f4;border-radius:10px;box-shadow:0 2px 5px #1720330d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;color:#4b5563}.menu-item b{font-size:30px;color:var(--blue)}.panel,.manage{margin:12px;background:#fff;border-radius:10px;padding:16px}.panel h2,.manage h2{margin:0 0 14px;font-size:19px}.language-option{display:block;padding:16px 4px;border-top:1px solid #e5e7eb;text-decoration:none}.add-button{width:100%;min-height:44px;border:1px solid #cfd5df;border-radius:7px;background:#fff;color:#d23b22;font-weight:700}.missile-list{margin-top:14px}.missile{display:grid;grid-template-columns:1fr 52px;gap:10px;padding:14px 2px;border-top:1px solid #e8ebf0}.missile time{font-size:12px;color:var(--muted)}.missile p{margin:7px 0;line-height:1.45;overflow-wrap:anywhere}.missile p a{color:#2563eb}.actions{display:grid;align-content:start;gap:5px}.actions form{margin:0}.actions .copy,.actions .delete{display:block;width:100%;border:0;border-radius:5px;padding:7px 4px;text-align:center;color:#fff;text-decoration:none;font-size:12px}.copy{background:#16a34a}.delete{background:#dc2626}.empty{padding:28px 0;text-align:center;color:var(--muted)}dialog{width:min(92vw,400px);border:0;border-radius:10px;padding:0;box-shadow:0 18px 50px #0008}dialog::backdrop{background:#0008}.modal-form{display:grid;gap:12px;padding:18px}.modal-form header{margin:-18px -18px 4px;padding:14px 18px;background:var(--blue);color:#fff;font-weight:700}.modal-form header button{float:right;border:0;background:transparent;color:#fff;font-size:18px}.modal-form label{display:grid;gap:6px;font-weight:700;font-size:14px}.landing{min-height:100vh;background:#fbf6ed}.landing-brand{padding:18px;font-weight:800;color:#e85c13;background:#fff}.landing>#countdown{padding:0 18px}.landing-ad{min-height:75vh;padding:80px 28px;text-align:center;background:linear-gradient(135deg,#fff3d8,#ffd690)}.landing-ad span{padding:5px 10px;border-radius:20px;background:#db2727;color:#fff;font-weight:700}.landing-ad h1{margin-top:80px;font-size:38px;line-height:1.2}@media(min-width:600px){.app-shell{box-shadow:0 0 28px #0004}.login-card{transform:scale(1.05)}}

/* Mobile-first application frame */
html{background:#101019}body{min-width:320px}.app-shell{width:min(100%,430px)}.app-header{min-height:58px;height:auto}.menu-item{min-height:118px}.panel,.manage{margin:10px}.landing{width:min(100%,430px);margin:auto}.landing-ad{padding:56px 22px;min-height:70vh}.landing-ad h1{margin-top:56px;font-size:30px}@media(min-width:431px){.app-shell,.landing{box-shadow:0 0 30px #0005}}@media(max-width:360px){.app-header{padding-inline:11px;gap:8px}.brand{font-size:14px}.logout-link{padding:6px 7px}.hero{padding:28px 20px}.menu-grid{gap:8px;padding:8px}.menu-item{min-height:104px;padding:10px}.menu-item b{font-size:26px}}
.hero{display:flex;align-items:center;justify-content:space-between;gap:16px}.hero-copy{min-width:0}.hero-avatar{width:116px;height:116px;flex:0 0 116px;display:grid;place-items:center;overflow:hidden;border-radius:50%;border:4px solid #f7b733;background:linear-gradient(135deg,#7c3aed,#312e81);box-shadow:0 8px 24px #0004}.hero-avatar img{width:100%;height:100%;object-fit:cover}.hero-avatar span{font-size:44px;font-weight:800;color:#fff}@media(max-width:360px){.hero-avatar{width:92px;height:92px;flex-basis:92px}.hero-avatar span{font-size:34px}}
/* Login-only missile launch branding */
.launch-logo{position:relative;height:210px;overflow:hidden;display:grid;place-items:center;isolation:isolate}.launch-logo:before{content:"";position:absolute;width:178px;height:156px;z-index:-1;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(145deg,#34353d,#12131a);border:3px solid #aaa;box-shadow:0 0 28px #0008}.launch-logo strong{position:relative;margin-top:72px;color:#ff7413;font-size:29px;letter-spacing:1px;text-shadow:0 0 8px #ffad27;opacity:0;animation:brand-reveal 4.8s ease-out infinite}.launch-trail{position:absolute;width:220px;height:5px;left:-70px;top:113px;background:linear-gradient(90deg,transparent,#ff6b18 32%,#ffe36b 72%,transparent);filter:drop-shadow(0 0 6px #ff8c1a);transform:rotate(-24deg);opacity:0;animation:trail-fire 4.8s ease-in infinite}.launch-missile{position:absolute;width:70px;height:18px;left:-90px;top:82px;border-radius:12px 18px 18px 12px;background:linear-gradient(90deg,#aeb6c8,#fff,#657080);transform:rotate(-24deg);box-shadow:0 0 8px #fff;opacity:0;animation:missile-launch 4.8s cubic-bezier(.2,.75,.35,1) infinite}.launch-missile:before{content:"";position:absolute;right:-14px;top:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:15px solid #e8edf7}.launch-missile:after{content:"";position:absolute;left:-13px;top:3px;width:18px;height:12px;background:linear-gradient(90deg,#e64212,#ffc533,transparent);filter:blur(1px)}@keyframes missile-launch{0%,8%{opacity:0;transform:translate(-30px,20px) rotate(-24deg)}15%{opacity:1}40%{opacity:1;transform:translate(300px,-80px) rotate(-24deg)}48%,100%{opacity:0;transform:translate(340px,-100px) rotate(-24deg)}}@keyframes trail-fire{0%,8%{opacity:0;transform:translate(-30px,20px) rotate(-24deg)}15%,38%{opacity:1}48%,100%{opacity:0;transform:translate(300px,-80px) rotate(-24deg)}}@keyframes brand-reveal{0%,38%{opacity:0;transform:scale(.72)}52%,92%{opacity:1;transform:scale(1)}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.launch-logo strong,.launch-trail,.launch-missile{animation:none}.launch-logo strong{opacity:1}.launch-missile{display:none}}
/* Command-center login redesign */
.login-page{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:24px 16px;background:radial-gradient(circle at 50% 18%,#17345f 0,#10172a 33%,#060913 72%)}
.login-page:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 18% 85%,#ff7a001f,transparent 32%),radial-gradient(ellipse at 84% 12%,#25baff18,transparent 26%)}
.login-page:after{display:none}
.tactical-grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#48c3f51a 1px,transparent 1px),linear-gradient(90deg,#48c3f51a 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 75%,transparent)}
.login-card{position:relative;width:min(100%,420px);display:grid;gap:14px;padding:18px;border:1px solid #6cb6df55;border-radius:20px;background:linear-gradient(150deg,#111b31ec,#090d18ed);box-shadow:0 25px 70px #0009,0 0 0 1px #ffffff08 inset;backdrop-filter:blur(16px)}
.command-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #80c9f329;color:#94cde9;font-size:10px;font-weight:700;letter-spacing:1.2px}
.status-dot{width:8px;height:8px;border-radius:50%;background:#4cf6a4;box-shadow:0 0 12px #4cf6a4;animation:status-pulse 1.8s ease-in-out infinite}.status-code{font-family:monospace;color:#ffb03a}
.launch-logo{height:176px;margin:-6px 0 -2px}.launch-logo:before{width:152px;height:138px;border-color:#8bcde5;background:linear-gradient(145deg,#29476d,#0d1321);box-shadow:0 0 30px #2271a977}.launch-logo strong{margin-top:62px;font-size:27px;letter-spacing:2px;color:#ff9a27;text-shadow:0 0 12px #ff6500}.launch-trail{top:97px}.launch-missile{top:66px}
.login-copy{text-align:center}.login-eyebrow{margin:0 0 5px;color:#44c6ff;font-size:11px;font-weight:800;letter-spacing:2.1px}.login-subtitle{margin:0;color:#d9e8f4;font-size:15px;letter-spacing:1px}
.command-form{display:grid;gap:10px}.login-field{display:grid;gap:5px}.login-field span{color:#9bbbd2;font-size:10px;font-weight:800;letter-spacing:1.4px}.login-field input{min-height:48px;padding:0 13px;border:1px solid #78bde975;border-radius:10px;color:#ecf7ff;background:#060b15c9;box-shadow:none}.login-field input:focus{outline:0;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf828}.command-form .primary{min-height:50px;margin-top:3px;border:0;border-radius:10px;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 9px 22px #0ea5e94d;color:#fff;font-weight:800;letter-spacing:2px}.command-form .primary b{display:inline-block;margin-right:8px;font-size:22px;line-height:0;vertical-align:-2px}
.passkey-login{min-height:48px;border:1px solid #35d1c1;border-radius:10px;background:linear-gradient(135deg,#073039,#0b2438);color:#86fff0;font:inherit;font-weight:800;letter-spacing:.4px;cursor:pointer}.passkey-login b{margin-right:7px;color:#ffd463;font-size:19px}.passkey-login:disabled{opacity:.55;cursor:wait}.passkey-status{min-height:0;margin:0;color:#a9c7d9;font-size:12px;line-height:1.45}.passkey-status:empty{display:none}.passkey-status.error{color:#ffaaa7}.passkey-status.success{color:#7ff1bd}.passkey-status.working{color:#8ce9ff}.passkey-login-help{margin:-3px 0 1px;color:#718ba0;font-size:10px;line-height:1.45}
.language-line{display:flex;justify-content:center;align-items:center;gap:7px;color:#a7c4d9;font-size:13px}.language-line>span{color:#ffc04f;font-size:16px}.language-line label{display:flex;align-items:center;gap:7px}.language-line select{min-height:38px;max-width:180px;padding:0 28px 0 9px;border:1px solid #77b5db80;border-radius:8px;color:#e6f6ff;background:#0a1422}.login-actions{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}.login-actions a{display:grid;place-items:center;min-height:42px;border-radius:9px;color:#bdddF0;font-size:13px;text-decoration:none}.login-actions .outline{border:1px solid #27bdf7;color:#4fd2ff;background:#0d71a11f}.login-actions a:not(.outline){border:1px solid transparent;color:#b8c9d7;text-decoration:underline;text-underline-offset:3px}.login-footer{margin:0;text-align:center;color:#55728c;font:10px monospace;letter-spacing:.7px}
@keyframes status-pulse{50%{opacity:.4;box-shadow:0 0 3px #4cf6a4}}@media(max-width:380px){.login-page{padding:14px}.login-card{padding:15px;border-radius:16px;gap:11px}.launch-logo{height:150px}.launch-logo:before{transform:scale(.86)}.login-actions{grid-template-columns:1fr}.login-actions a{min-height:38px}.login-actions a:not(.outline){margin-top:-8px}}

.launch-logo.launch-logo-image{height:176px;margin:-6px 0 -2px;overflow:visible}
.launch-logo.launch-logo-image:before{display:none}
.launch-brand-image{display:block;width:174px;height:174px;object-fit:contain;filter:drop-shadow(0 0 18px #20b9ff55);animation:logo-breathe 4s ease-in-out infinite}
@keyframes logo-breathe{50%{transform:scale(1.035);filter:drop-shadow(0 0 24px #29c6ff88)}}
@media(prefers-reduced-motion:reduce){.launch-brand-image{animation:none}}
@media(max-width:380px){.launch-logo.launch-logo-image{height:150px}.launch-brand-image{width:148px;height:148px}}
/* Dashboard command-center redesign */
.app-shell{background:#f3f6fa}.app-header{position:sticky;top:0;z-index:10;min-height:62px;padding:10px 16px;border-bottom:1px solid #dce5ee;background:#fffffff2;backdrop-filter:blur(12px)}.brand{color:#ef6419;letter-spacing:.4px}.locale{font-weight:700;color:#28425a}.logout-link{padding:9px 11px;border-radius:8px;background:#172b44;font-weight:700}
.dashboard-hero{position:relative;min-height:254px;padding:29px 24px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0f2849,#243f72 53%,#4f2c75)}.dashboard-hero:before{content:"";position:absolute;width:330px;height:330px;right:-146px;top:-126px;border:1px solid #6bc6ff4a;border-radius:50%;box-shadow:0 0 0 28px #6bc6ff10,0 0 0 60px #6bc6ff0a}.dashboard-hero:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,#4bd2ff,transparent)}.hero-copy{position:relative;z-index:2;max-width:210px}.hero-kicker{margin:0 0 13px;color:#74dbff;font-size:10px;font-weight:800;letter-spacing:1.5px}.dashboard-hero h1{margin:0;font-size:32px;line-height:1.1;letter-spacing:.3px}.hero-welcome{margin:7px 0 19px;color:#cfdeec;font-size:13px}.hero-stats{display:flex;gap:9px}.hero-stats span{min-width:83px;display:grid;gap:3px;padding:9px 10px;border:1px solid #93d9fc42;border-radius:9px;background:#07172c55;backdrop-filter:blur(6px)}.hero-stats b{font-size:20px;color:#fff}.hero-stats small{color:#b8d5e9;font-size:10px}.hero-avatar{position:absolute;z-index:2;right:24px;top:46px;width:108px;height:108px;flex:0 0 108px;border:3px solid #51d0ff;border-radius:20px;background:linear-gradient(135deg,#12365a,#59358f);box-shadow:0 13px 30px #020b1b77,0 0 0 7px #65d6ff16;text-decoration:none;transition:transform .2s}.hero-avatar:hover{transform:translateY(-3px)}.hero-avatar:before{content:"";position:absolute;inset:7px;border:1px solid #d9f6ff83;border-radius:15px}.hero-avatar span{position:relative;z-index:1;font-size:38px}.hero-avatar em{position:absolute;z-index:2;bottom:7px;right:7px;padding:3px 5px;border-radius:4px;background:#0b1b2e;color:#83dcff;font:700 8px Arial;letter-spacing:.8px}.hero-avatar img{position:relative;z-index:1}.hero-orbit{position:absolute;right:12px;top:18px;width:140px;height:140px;border:1px dashed #70dbff61;border-radius:50%;animation:orbit-spin 18s linear infinite}.hero-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffb11e;box-shadow:0 0 11px #ffb11e}.hero-orbit i:nth-child(1){top:-3px;left:50%}.hero-orbit i:nth-child(2){right:9px;bottom:23px;background:#5cd5ff;box-shadow:0 0 11px #5cd5ff}.hero-orbit i:nth-child(3){left:10px;bottom:17px;width:4px;height:4px;background:#fff}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:22px 16px 10px}.dashboard-heading p{margin:0 0 4px;color:#168fc7;font-size:10px;font-weight:800;letter-spacing:1.4px}.dashboard-heading h2{margin:0;color:#1b3046;font-size:18px}.dashboard-heading>span{padding:6px 8px;border:1px solid #cce0ed;border-radius:6px;color:#55738c;font:700 9px monospace;letter-spacing:.6px}.dashboard-menu{gap:12px;padding:8px 12px 28px}.dashboard-menu .menu-item{position:relative;min-height:146px;align-items:flex-start;justify-content:flex-start;gap:5px;padding:16px;border:1px solid #e1eaf1;border-radius:14px;background:linear-gradient(150deg,#fff,#f8fbfd);box-shadow:0 7px 18px #182a3b0d;color:#1e344a;overflow:hidden}.dashboard-menu .menu-item:after{content:"";position:absolute;right:-23px;bottom:-31px;width:92px;height:92px;border:1px solid currentColor;border-radius:50%;opacity:.08}.dashboard-menu .menu-item:hover{transform:translateY(-2px);box-shadow:0 11px 22px #182a3b18}.menu-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:4px;border-radius:10px;background:#e5f6ff;color:#149fdc;font-size:23px;font-weight:800;line-height:1}.dashboard-menu strong{font-size:15px}.dashboard-menu small{color:#718398;font-size:10px}.dashboard-menu .newsroom{color:#7354af}.dashboard-menu .newsroom .menu-icon{background:#efeaff;color:#7855c7}.dashboard-menu .customers{color:#1f8b6c}.dashboard-menu .customers .menu-icon{background:#e3f8f0;color:#139d77}.dashboard-menu .profile{color:#3975a9}.dashboard-menu .profile .menu-icon{background:#e4f1ff;color:#2c83d1}.dashboard-menu .launch-card{color:#c55929}.dashboard-menu .launch-card .menu-icon{background:#fff0e7;color:#ed6523}.dashboard-menu .live{color:#b24167}.dashboard-menu .live .menu-icon{background:#ffedf3;color:#e14f80}.dashboard-menu .ranking{color:#9e7318}.dashboard-menu .ranking .menu-icon{background:#fff6d7;color:#df9a00}@keyframes orbit-spin{to{transform:rotate(360deg)}}@media(max-width:360px){.dashboard-hero{padding:25px 18px;min-height:245px}.hero-avatar{right:18px;width:92px;height:92px;flex-basis:92px}.hero-stats span{min-width:73px;padding:8px}.dashboard-menu{gap:9px;padding-inline:9px}.dashboard-menu .menu-item{min-height:130px;padding:13px}.dashboard-heading{padding-inline:12px}}
.dashboard-menu .advertising{color:#256b83}.dashboard-menu .advertising .menu-icon{background:#e2f6fb;color:#0b8bac;font-size:14px}
.notification-bell{position:relative;width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;margin-left:auto;border:1px solid #d9e4ec;border-radius:10px;background:#f7fbfd;color:#284b68;text-decoration:none}.notification-bell svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-bell span{position:absolute;right:-5px;top:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff;border-radius:999px;background:#e11d48;color:#fff;font-size:9px;font-weight:900;line-height:1}.app-header .locale{margin-left:0}@media(max-width:360px){.notification-bell{width:36px;height:36px;flex-basis:36px}.notification-bell svg{width:20px;height:20px}}
.dashboard-back{min-height:42px;display:inline-flex;align-items:center;margin:13px 12px 0;padding:8px 12px;border:1px solid #ccd9e3;border-radius:9px;background:#fff;color:#236889;text-decoration:none;font-size:13px;font-weight:800}
.dashboard-menu .permissions{color:#7a4b9d}.dashboard-menu .permissions .menu-icon{background:#f2e8ff;color:#7b3fc4;font-size:14px}
.dashboard-menu .menu-settings{color:#0f766e}.dashboard-menu .menu-settings .menu-icon{background:#dff8f2;color:#0f8f7b;font-size:12px}
.dashboard-menu .member-admin{color:#086a8e}.dashboard-menu .member-admin .menu-icon{background:#ddf5ff;color:#087fae;font-size:17px}.dashboard-menu .notifications{color:#b45309}.dashboard-menu .notifications .menu-icon{background:#fff1cf;color:#d97706;font-size:20px}.login-eyebrow{font-size:0}.login-eyebrow:after{content:"ADMINISTRATOR COMMAND CENTER";font-size:11px}.login-subtitle{font-size:0}.login-subtitle:after{content:"管理員專用安全登入";font-size:15px}.login-actions .outline{font-size:0}.login-actions .outline:after{content:"會員系統／申請";font-size:13px}
.login-actions .outline{font-size:13px}.login-actions .outline:after{content:none}
.app-shell:has(>.dashboard-hero){background-color:#b86608;background-image:linear-gradient(180deg,rgba(255,246,215,.12),rgba(133,57,0,.12)),url("golden-background.png?v=1");background-position:center;background-size:cover;background-attachment:fixed}
.dashboard-hero .hero-welcome{display:grid;gap:2px;min-height:50px;line-height:1.25}.dashboard-hero .hero-welcome span:nth-child(1){font-weight:800;color:#fff}.dashboard-hero .hero-welcome span:nth-child(2){color:#cfdeec}.dashboard-hero .hero-boss-tag{position:absolute;z-index:3;right:20px;bottom:35px;width:auto;max-width:190px;color:#74dbff;font-family:"Arial Black","Microsoft JhengHei",sans-serif;font-size:13px;font-weight:900;letter-spacing:.2px;text-align:right;white-space:nowrap;-webkit-text-stroke:.3px currentColor;text-shadow:0 0 .01px currentColor}

/* Golden system background */
.dashboard-heading>span{border-color:#b7cad8;background:#fff;color:#36536b;box-shadow:0 3px 10px #17324a20;font-weight:800}
html,body{background:#101019}
.app-shell{background-color:#b86608;background-image:linear-gradient(180deg,rgba(255,246,215,.12),rgba(133,57,0,.12)),url("golden-background.png?v=1");background-position:center;background-size:cover;background-attachment:fixed}
.dashboard-hero{background-image:linear-gradient(90deg,rgba(7,27,61,.72),rgba(48,25,82,.38)),url('dashboard-hero-bg.jpg');background-position:center;background-size:cover;background-repeat:no-repeat}
.dashboard-hero .hero-stats{display:none!important}
.dashboard-back{background:#fff;box-shadow:0 4px 12px #17324a18}

/* All authenticated administrator views use the golden dashboard background. */
.app-shell{background-color:#b86608;background-image:linear-gradient(180deg,rgba(255,246,215,.12),rgba(133,57,0,.12)),url("golden-background.png?v=1");background-position:center;background-size:cover;background-attachment:fixed}
.app-header{height:65px;min-height:65px;padding-block:0;background:#0d2947;border-bottom-color:#0d2947;backdrop-filter:none}.app-header .locale{color:#fff}.brand-image{width:116px;height:65px;flex:0 0 116px;align-self:stretch;display:block;overflow:hidden;border-radius:0;background:#0d2947}.brand-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}

/* Mobile usability audit: consistent controls and browser-height handling. */
.notification-bell,.app-header .locale,.logout-link,.dashboard-back{min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.notification-bell{width:44px;height:44px;flex-basis:44px}.app-header .locale{min-width:44px;padding-inline:8px}.dashboard-heading>div{min-width:0}.dashboard-heading h2,.dashboard-menu strong{overflow-wrap:anywhere}.modal-form header button{width:44px;height:44px;margin:-11px -11px -11px 0}.login-actions a,.language-line select{min-height:44px}@media(max-width:430px){.app-shell,.landing{min-height:100svh;background-attachment:scroll}.login-page{min-height:100svh}}@media(max-width:360px){.app-header{padding-inline:10px;gap:7px}.brand-image{width:108px;flex-basis:108px}.notification-bell{width:42px;height:42px;flex-basis:42px}.dashboard-heading{align-items:center}.dashboard-heading>span{flex:0 0 auto}}

/* Mobile browser baseline: prevent iOS form-focus zoom and viewport overflow. */
@media(max-width:768px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{max-width:100%;overflow-x:hidden}input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;font-size:16px!important}img,video,iframe{max-width:100%}}

/* Administrator login branding and action order. */
.login-card .launch-logo.launch-logo-image{height:156px;margin:-4px 0 0}.login-card .launch-brand-image{width:min(100%,330px);height:150px;object-fit:contain;border-radius:9px;background:#000;filter:drop-shadow(0 0 18px #dcae3955)}.login-actions{grid-template-columns:1fr;justify-items:center;gap:4px}.login-actions .outline{width:min(100%,210px)}.login-actions a:not(.outline){order:2;width:max-content;min-height:32px;margin:0}
