.card{--text: #f3efe6;--text-soft: rgba(243,239,230,.6);--text-muted: rgba(243,239,230,.3);width:1080px;min-height:1920px;background:#14181f;display:flex;flex-direction:column;align-items:center;padding:80px 60px 90px;position:relative;overflow:hidden}.ornament{position:absolute;width:900px;height:900px;top:-200px;right:-250px;pointer-events:none;opacity:.5}.brand{display:flex;align-items:center;gap:16px;margin-bottom:70px;align-self:flex-start}.brand-logo{font-family:Geist Mono,monospace;font-size:16px;font-weight:600;color:#c8421d;border:1.5px solid #c8421d;padding:8px 14px;border-radius:4px}.brand-name{font-size:22px;font-weight:600;color:var(--text)}.brand-tag{font-family:Geist Mono,monospace;font-size:11px;color:#c8421d;background:#c8421d1a;border:1px solid rgba(200,66,29,.3);border-radius:3px;padding:5px 14px;letter-spacing:.08em;text-transform:uppercase}.headline{text-align:center;margin-bottom:80px;z-index:2}.headline-prefix{font-family:Geist Mono,monospace;font-size:22px;font-weight:500;color:#c8421d;letter-spacing:.05em;margin-bottom:12px}.headline h1{font-size:92px;font-weight:800;line-height:.95;color:var(--text);letter-spacing:-3px;margin-bottom:24px}.headline p{font-size:28px;color:var(--text-soft);line-height:1.5}.phones{position:relative;width:100%;height:760px;margin-bottom:80px}.phone{position:absolute;width:278px;height:558px;background:#1a2030;border-radius:40px;border:8px solid #242d3d;overflow:hidden;box-shadow:0 40px 80px #000000b3,0 0 0 1px #ffffff0a}.phone:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:88px;height:22px;background:#242d3d;border-radius:0 0 12px 12px;z-index:20}.phone-left{left:50px;top:120px;transform:rotate(-18deg);z-index:1;opacity:.72}.phone-mid{left:270px;top:30px;transform:rotate(-4deg);z-index:3}.phone-right{right:50px;top:100px;transform:rotate(13deg);z-index:2;opacity:.82}.screen{width:100%;height:100%;overflow:hidden}.s1{background:#141b24;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px 20px}.login-logo{font-family:Geist Mono,monospace;font-size:22px;font-weight:700;color:#c8421d;margin-bottom:4px}.login-sub{font-size:9px;color:var(--text-muted);margin-bottom:20px}.login-field{width:100%;background:#1e2a38;border:1px solid rgba(200,66,29,.15);border-radius:6px;padding:8px 12px;margin-bottom:8px}.login-field-label{font-family:Geist Mono,monospace;font-size:7px;color:var(--text-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.06em}.login-field-val{font-size:11px;color:var(--text-soft)}.login-btn{width:100%;background:#c8421d;border-radius:6px;padding:9px;font-size:11px;font-weight:700;color:#fff;text-align:center;margin-top:4px}.theme-toggle{display:flex;align-items:center;gap:6px;margin-top:12px}.toggle-label{font-size:8px;color:var(--text-muted)}.toggle-pill{background:#c8421d;border-radius:10px;width:28px;height:14px;position:relative}.toggle-knob{position:absolute;right:2px;top:2px;width:10px;height:10px;background:#fff;border-radius:50%}.s2{background:#0d1219;display:flex}.sidebar{width:54px;background:#141b24;border-right:1px solid rgba(200,199,196,.08);padding:30px 0 0;display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.s-ico{width:28px;height:28px;border-radius:4px;background:#ffffff08;display:flex;align-items:center;justify-content:center;font-size:13px}.s-ico.active{background:#c8421d26}.main-area{flex:1;padding:28px 10px 10px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.topbar-title{font-size:12px;font-weight:700;color:var(--text)}.user-dot{width:22px;height:22px;border-radius:50%;background:#c8421d;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.doc-row{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:4px;margin-bottom:3px}.doc-row.sel{background:#c8421d0f}.doc-ico-box{width:26px;height:32px;border-radius:4px;background:#c8421d1a;border:1px solid rgba(200,66,29,.2);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.doc-name{font-size:9px;color:var(--text-soft);font-weight:500}.doc-date{font-size:8px;color:var(--text-muted)}.s3{background:#f0f2f7;display:flex}.s3-side{width:54px;background:#fff;border-right:1px solid #e5e7eb;padding:30px 0 0;display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.s3-ico{width:28px;height:28px;border-radius:4px;background:#0000000a;display:flex;align-items:center;justify-content:center;font-size:13px}.s3-ico.active{background:#c8421d1a}.s3-main{flex:1;padding:28px 10px 10px}.s3-title{font-size:12px;font-weight:700;color:#111827}.s3-user{width:22px;height:22px;border-radius:50%;background:#c8421d;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff}.s3-doc{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:4px;margin-bottom:3px;background:#fff;border:1px solid #e5e7eb}.s3-dic{width:26px;height:32px;border-radius:4px;background:#c8421d14;border:1px solid rgba(200,66,29,.15);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0}.s3-dn{font-size:9px;color:#374151;font-weight:500}.s3-dd{font-size:8px;color:#9ca3af}.tagline{text-align:center;z-index:2}.tagline .big{font-size:54px;font-weight:800;color:var(--text);letter-spacing:-1px;line-height:1.1;margin-bottom:20px}.tagline .sub{font-size:26px;color:var(--text-soft);margin-bottom:40px;line-height:1.5}.pill{display:inline-flex;align-items:center;gap:10px;background:#c8421d1a;border:1px solid rgba(200,66,29,.3);border-radius:3px;padding:12px 28px;font-family:Geist Mono,monospace;font-size:20px;font-weight:600;color:#c8421d}.dbstudio{margin-top:60px;font-family:Geist Mono,monospace;font-size:16px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}