@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#fff;background:#07131f;--bg1:#07131f;--bg2:#0b1f33;--bg3:#0d2942;--blue:#1686c5;--cyan:#35b4e6;--green:#86c440;--muted:#9fb2c1;--border:rgba(255,255,255,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 10%,rgba(24,122,185,.16),transparent 35%),radial-gradient(circle at 85% 85%,rgba(116,190,67,.08),transparent 35%),linear-gradient(145deg,var(--bg1),var(--bg2) 45%,var(--bg3));min-height:100vh}.app-shell{min-height:100vh;padding-bottom:90px}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:#07131fd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.brand-mini{display:flex;align-items:center;gap:10px}.brand-mini img{width:42px;height:42px;object-fit:contain}.brand-mini b{display:block;color:var(--green);letter-spacing:.5px}.brand-mini span{font-size:11px;color:var(--muted)}.icon-btn{background:transparent;border:0;color:#fff;position:relative}.icon-btn i{position:absolute;width:7px;height:7px;border-radius:50%;background:#ff5353;top:0;right:2px}.content{width:min(900px,100%);margin:auto;padding:22px 16px}.hero{padding:10px 0 18px}.eyebrow{font-size:11px;letter-spacing:1.7px;color:var(--cyan)}h1{font-size:30px;margin:8px 0 4px}h2,h3,p{margin-top:0}.hero p,.page-title p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat,.project-card,.detail-card,.profile-card,.timeline,.login-card{background:#0f273db8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);box-shadow:0 12px 30px #00000038;border-radius:18px}.stat{padding:16px;min-height:118px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i v" "i l";column-gap:14px;align-items:center}.stat-icon{grid-area:i}.stat strong{grid-area:v;font-size:28px}.stat span{grid-area:l;color:var(--muted);font-size:13px}.stat.green{border-color:#86c44059}.stat.red{border-color:#ff53534d}.stat.amber{border-color:#ffb84d4d}.stat.blue{border-color:#35b4e64d}.stat.green .stat-icon,.stat.green strong{color:var(--green)}.stat.red .stat-icon,.stat.red strong{color:#ff6767}.stat.amber .stat-icon,.stat.amber strong{color:#ffb84d}.stat.blue .stat-icon,.stat.blue strong{color:var(--cyan)}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 10px}.section-head h2{margin:0}.project-list{display:grid;gap:12px}.project-card{padding:16px;cursor:pointer;transition:.2s}.project-card:hover{transform:translateY(-2px);border-color:#35b4e647}.project-top{display:flex;justify-content:space-between;gap:12px}.project-top h3{margin:0 0 5px}.project-top span{font-size:12px;color:var(--muted)}.status{padding:6px 9px;border-radius:999px;font-weight:800;font-size:10px;display:inline-flex;gap:5px;align-items:center;height:max-content}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.active{background:#86c44026;color:#9de35e}.status.suspended{background:#ff53531f;color:#ff7070}.project-meta{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.project-meta small{display:block;color:var(--muted)}.project-meta b{font-size:12px}.page-title{margin:4px 0 18px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:14px;padding:0 13px;background:#081f31cc;margin-bottom:16px}.search input{width:100%;padding:13px 0;border:0;outline:0;background:transparent;color:#fff}.detail-wrap .back{border:0;background:transparent;color:var(--cyan);padding:0 0 12px;font-weight:700}.detail-card{overflow:hidden;margin-bottom:14px}.detail-hero{display:flex;gap:14px;padding:18px;border-bottom:1px solid var(--border)}.detail-hero img{width:62px;height:62px;object-fit:contain}.detail-hero h2{margin:0 0 3px}.detail-hero span{display:block;color:var(--muted);font-size:13px;margin-bottom:9px}.row{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid var(--border)}.row span{color:var(--muted);font-size:13px}.row b{font-size:13px;text-align:right}.outline{width:100%;padding:14px;border-radius:13px;background:transparent;font-weight:800;margin-top:10px;display:flex;justify-content:center;gap:8px;align-items:center}.outline.blue{border:1px solid var(--cyan);color:var(--cyan)}.outline.danger{border:1px solid #ff5f6b;color:#ff6b77}.outline.success{border:1px solid var(--green);color:#9de35e}.bottom-nav{position:fixed;z-index:9;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#06111cf2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--border)}.bottom-nav button{border:0;background:transparent;color:#7f94a7;display:flex;flex-direction:column;gap:4px;align-items:center;font-size:10px;padding:6px}.bottom-nav button.sel{color:var(--cyan)}.modal-bg{position:fixed;z-index:30;inset:0;background:#000000a3;display:grid;place-items:center;padding:18px}.modal{width:min(430px,100%);background:#0b1e30;border:1px solid var(--border);border-radius:20px;padding:22px;position:relative;box-shadow:0 30px 80px #00000080}.modal-x{position:absolute;right:14px;top:14px;border:0;background:transparent;color:var(--muted)}.danger-round{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ff53531f;color:#ff6570;margin-bottom:14px}.modal p{color:var(--muted);line-height:1.55}.reason{display:grid;gap:8px;font-size:13px}.reason textarea{resize:none;min-height:92px;padding:12px;border-radius:12px;border:1px solid var(--border);background:#081727;color:#fff}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.modal-actions button{padding:13px;border-radius:12px;border:1px solid var(--border);background:#173149;color:#fff;font-weight:700}.modal-actions .danger-solid{background:#ff5965;border-color:#ff5965;color:#18070a}.toast{position:fixed;z-index:40;left:50%;bottom:98px;transform:translate(-50%);background:#10283d;border:1px solid var(--border);padding:11px 16px;border-radius:12px;box-shadow:0 10px 30px #00000059}.timeline{padding:6px 16px}.event{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--border)}.event-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 4px #ffffff0a}.event-dot.ok{background:#7edc3d}.event-dot.bad{background:#ff5965}.event-dot.info{background:#35b4e6}.event-dot.warn{background:#ffb84d}.event b,.event span{display:block}.event span{color:var(--muted);font-size:12px;margin-top:3px}.event small{color:var(--muted);font-size:10px;text-align:right}.profile-card{padding:16px}.profile-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dbe7ef,#7d9aad);color:#07131f}.profile-head h2{margin:0}.profile-head span{font-size:12px;color:var(--muted)}.profile-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid var(--border);align-items:center}.logout{width:100%;margin-top:12px;padding:13px;border:0;background:#ff535314;color:#ff727a;border-radius:12px;display:flex;gap:8px;justify-content:center;font-weight:800}.login-screen{min-height:100vh;display:grid;place-items:center;padding:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(24,122,185,.18),transparent 40%),radial-gradient(circle at 85% 90%,rgba(134,196,64,.09),transparent 35%),linear-gradient(145deg,#07131f,#0b1f33 45%,#0d2942)}.ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.a1{width:220px;height:220px;background:#1788c8;left:-90px;top:20px}.a2{width:180px;height:180px;background:#78b842;right:-80px;bottom:40px}.login-card{width:min(420px,100%);padding:24px;position:relative}.logo-full{width:min(320px,92%);display:block;margin:0 auto 22px;object-fit:contain}.login-card h1{text-align:center;font-size:22px;margin-bottom:4px}.login-card p{text-align:center;color:var(--muted);font-size:13px;margin-bottom:20px}.login-card label:not(.reason){display:flex;align-items:center;gap:10px;background:#071726bf;border:1px solid var(--border);border-radius:13px;padding:0 13px;margin:10px 0;color:var(--muted)}.login-card input{width:100%;padding:14px 0;border:0;outline:0;background:transparent;color:#fff}.primary{width:100%;margin-top:14px;padding:14px;border:0;border-radius:13px;background:linear-gradient(90deg,#1686c5,#35b4e6);color:#fff;font-weight:800;display:flex;justify-content:center;gap:7px;align-items:center}.remember{margin-top:15px;color:var(--muted);font-size:12px}.box{display:inline-block;width:14px;height:14px;border:1px solid #698399;border-radius:3px;vertical-align:-2px;margin-right:6px}@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}.project-list{grid-template-columns:repeat(2,1fr)}.bottom-nav{left:50%;right:auto;width:520px;transform:translate(-50%);border:1px solid var(--border);border-bottom:0;border-radius:18px 18px 0 0}.content{padding-top:30px}}.login-error{margin-top:10px;color:#ff7b83;font-size:12px;text-align:center}.mode-note{margin-top:14px;padding:10px;border-radius:10px;background:#35b4e612;border:1px solid rgba(53,180,230,.18);color:#9fb2c1;font-size:11px;line-height:1.45}.control-warning{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#35b4e612;border:1px solid rgba(53,180,230,.18);margin:14px 0;color:#35b4e6}.control-warning b,.control-warning span{display:block}.control-warning span{margin-top:3px;color:#9fb2c1;font-size:12px;line-height:1.45}.empty-history{padding:22px 4px;color:#9fb2c1;text-align:center}.splash{text-align:center}.splash p{margin-bottom:0}.primary:disabled{opacity:.7;cursor:not-allowed}