*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#38bdf8;--navy:#0f2640}body,html{height:100%}body{font-family:Segoe UI,system-ui,sans-serif;background:#f0f4f8;color:#1a2535;font-size:14px}.shell{overflow:hidden}.shell,.sidebar{display:flex;min-height:100vh}.sidebar{width:210px;background:var(--navy);flex-shrink:0;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:10}.sb-logo{padding:16px 10px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.sb-logo h1{font-size:14px;font-weight:700;color:#fff}.sb-logo p{font-size:11px;color:rgba(255,255,255,.5);margin-top:8px;text-align:center}.sb-logo img{max-width:100%;max-height:42px;object-fit:contain;display:block;margin-bottom:4px}.sb-logo .brand{width:100%;max-height:none;height:auto;background:#fff;border-radius:9px;padding:10px 11px;margin-bottom:0}.auth-logo{display:block;margin:2px auto 16px;width:210px;max-width:78%;height:auto}.land-nav .logo img{display:block;height:34px;width:auto}.sb-sec{padding:12px 0 4px}.sb-lbl{font-size:10px;font-weight:700;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.08em;padding:0 16px 5px}.nav{display:flex;align-items:center;gap:9px;width:100%;padding:8px 16px;background:none;color:rgba(255,255,255,.6);font-size:13px;cursor:pointer;text-align:left;border:none;border-left:3px solid transparent;transition:all .15s;text-decoration:none}.nav:hover{background:rgba(255,255,255,.07);color:#fff}.nav.on{background:rgba(255,255,255,.12);color:#fff;border-left-color:var(--accent);font-weight:600}.nav-ic{font-size:15px;width:18px;text-align:center}.nb{margin-left:auto;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:1px 6px}.sb-foot{margin-top:auto;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.5)}.sb-foot b{color:rgba(255,255,255,.85);display:block;font-size:12px}.sb-foot button{background:none;border:none;color:#f87171;font-size:11px;font-weight:600;cursor:pointer;padding:4px 0;margin-top:4px}.main{flex:1 1;overflow:auto;display:flex;flex-direction:column;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:12px 22px;display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:5;flex-shrink:0}.topbar h2{font-size:16px;font-weight:700;color:var(--navy)}.search-wrap{flex:1 1;max-width:300px;margin-left:auto;position:relative}.search-wrap input{width:100%;padding:7px 12px 7px 32px;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;background:#f8fafc;outline:none}.search-wrap:before{content:"🔍";position:absolute;left:10px;top:7px;font-size:12px}.toast{font-size:12px;color:#16a34a;font-weight:600;opacity:0;transition:.3s}.toast.show{opacity:1}.pg{padding:22px;height:calc(100vh - 57px);overflow-y:auto}.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}.sc{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:13px 15px}.sc .lbl{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.sc .val{font-size:21px;font-weight:700;color:var(--navy)}.sc .sub{font-size:11px;color:#94a3b8;margin-top:2px}.sc.blue{background:#eff6ff;border-color:#bfdbfe}.sc.blue .val{color:#1d4ed8}.sc.green{background:#f0fdf4;border-color:#bbf7d0}.sc.green .val{color:#15803d}.sc.amber{background:#fffbeb;border-color:#fde68a}.sc.amber .val{color:#b45309}.sc.red{background:#fef2f2;border-color:#fecaca}.sc.red .val{color:#dc2626}.sc.purple{background:#faf5ff;border-color:#e9d5ff}.sc.purple .val{color:#7e22ce}.sc.teal{background:#f0fdfa;border-color:#99f6e4}.sc.teal .val{color:#0f766e}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;margin-bottom:16px}.card-hdr{font-size:13px;font-weight:700;color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:8px}.card-hdr .pip{width:10px;height:10px;border-radius:2px;flex-shrink:0}.pip-blue{background:#3b82f6}.pip-teal{background:#0d9488}.pip-amber{background:#f59e0b}.pip-green{background:#16a34a}.pip-purple{background:#9333ea}.pip-red{background:#dc2626}.fg{display:grid;grid-gap:10px 14px;gap:10px 14px}.fg2{grid-template-columns:1fr 1fr}.fg3{grid-template-columns:1fr 1fr 1fr}.fg4{grid-template-columns:1fr 1fr 1fr 1fr}.fld{display:flex;flex-direction:column;gap:4px}.fld label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.fld input,.fld select,.fld textarea{padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1a2535;background:#f8fafc;outline:none;font-family:inherit;transition:border-color .15s}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:#3b82f6;background:#fff}.fld .hint{font-size:11px;color:#94a3b8}input[type=file]{font-size:12px}.btn{display:inline-flex;align-items:center;gap:5px;padding:8px 15px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;text-decoration:none}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#1a3a5c}.btn-teal{background:#0d9488;color:#fff}.btn-teal:hover{background:#0f766e}.btn-amber{background:#f59e0b;color:#fff}.btn-amber:hover{background:#d97706}.btn-green{background:#16a34a;color:#fff}.btn-green:hover{background:#15803d}.btn-outline{background:#fff;border:1px solid #e2e8f0;color:#475569}.btn-outline:hover{border-color:#94a3b8}.btn-sm{padding:5px 10px;font-size:12px}.btn-red-sm{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:4px 9px;font-size:11px;font-weight:600;border-radius:5px;cursor:pointer}.btn-mt{margin-top:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.bdg{display:inline-block;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700}.bdg-pending{background:#fffbeb;color:#b45309}.bdg-active,.bdg-complete,.bdg-received{background:#f0fdf4;color:#15803d}.bdg-banned,.bdg-cancelled,.bdg-failed{background:#fef2f2;color:#dc2626}.bdg-planned{background:#eff6ff;color:#1d4ed8}.bdg-past_due,.bdg-progress{background:#faf5ff;color:#7e22ce}.bdg-demo{background:#fffbeb;color:#b45309}.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:8px 10px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbfc}.emp{text-align:center;color:#94a3b8;padding:24px;font-style:italic;font-size:13px}code.id{font-size:11px;background:#eff6ff;color:#1d4ed8;padding:2px 7px;border-radius:4px;font-family:monospace;font-weight:700}.al{padding:10px 13px;border-radius:7px;font-size:13px;margin-bottom:10px;border-left:4px solid}.al-info{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.al-warn{background:#fffbeb;border-color:#f59e0b;color:#92400e}.al-success{background:#f0fdf4;border-color:#16a34a;color:#15803d}.al-danger{background:#fef2f2;border-color:#dc2626;color:#991b1b}.chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600}.chip-blue{background:#eff6ff;color:#1d4ed8}.chip-teal{background:#f0fdfa;color:#0f766e}.chip-amber{background:#fffbeb;color:#b45309}.chip-purple{background:#faf5ff;color:#7e22ce}.sh{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:12px;margin-top:4px;display:flex;align-items:center;gap:10px}.sh .sh-right{margin-left:auto}.tp{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.pt{width:100%;border-collapse:collapse;font-size:13px}.pt td{padding:6px 10px;border-bottom:1px solid #f1f5f9}.pt td:last-child{text-align:right;font-weight:600}.vp{color:#dc2626}.vn,.vp{font-weight:700}.vn{color:#16a34a}.vz{color:#94a3b8}.ct{width:100%;border-collapse:collapse}.ct thead th{background:var(--navy);color:#fff;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ct thead th:not(:first-child){text-align:right}.ct tbody td{padding:9px 12px;border-bottom:1px solid #f1f5f9}.ct tbody td:not(:first-child){text-align:right;font-weight:600}.ct tbody tr:nth-child(2n) td{background:#f8fafc}.ia{display:flex;gap:6px;align-items:center}.ia input{width:70px;padding:4px 7px;font-size:12px;border:1px solid #e2e8f0;border-radius:5px}.div{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:12px;padding:24px;width:460px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}.modal-box.wide{width:640px}.modal-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-hdr h3{font-size:15px;font-weight:700;color:var(--navy)}.modal-x{background:none;border:none;font-size:18px;cursor:pointer;color:#94a3b8;line-height:1}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.export-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px}.export-bar .xlbl{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.export-bar input[type=date]{font-size:12px;padding:5px 8px;border:1px solid #e2e8f0;border-radius:6px}.export-bar .xhint{font-size:11px;color:#94a3b8}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:24px;transition:.2s}.switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:#16a34a}.switch input:checked+.slider:before{transform:translateX(18px)}.perm-table td,.perm-table th{text-align:center}.perm-table td:first-child,.perm-table th:first-child{text-align:left}.perm-table input[type=checkbox]{width:15px;height:15px;cursor:pointer}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#64748b;font-size:14px;gap:10px}.spinner{width:18px;height:18px;border:3px solid #e2e8f0;border-top:3px solid var(--navy);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-wrap{min-height:100vh;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:#fff;border-radius:14px;padding:28px;width:400px;max-width:94vw;box-shadow:0 24px 70px rgba(0,0,0,.4)}.auth-card h2{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:4px}.auth-card .sub{font-size:12px;color:#64748b;margin-bottom:16px}.auth-card .fld{margin-bottom:10px}.auth-err{color:#dc2626;font-size:12px;min-height:16px;margin-bottom:8px;white-space:pre-line}.auth-link{font-size:12px;color:#2563eb;text-decoration:none}.auth-foot{margin-top:14px;font-size:12px;color:#64748b;text-align:center}.land{background:#fff;color:#1a2535}.land-nav{display:flex;align-items:center;gap:16px;padding:16px 6vw;border-bottom:1px solid #e2e8f0;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:20}.land-nav .logo{font-size:17px;font-weight:800;color:var(--navy);text-decoration:none}.land-nav .links{margin-left:auto;display:flex;gap:18px;align-items:center}.land-nav a{color:#475569;text-decoration:none;font-size:14px;font-weight:600}.land-hero{background:linear-gradient(160deg,#0f2640,#173a5e 60%,#0d9488 140%);color:#fff;padding:80px 6vw 90px;text-align:center}.land-hero h1{font-size:clamp(28px,4.5vw,46px);font-weight:800;line-height:1.15;max-width:820px;margin:0 auto 18px}.land-hero p{font-size:clamp(15px,1.6vw,19px);color:rgba(255,255,255,.75);max-width:640px;margin:0 auto 30px;line-height:1.6}.land-hero .cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-hero{background:#38bdf8;color:#062033;padding:13px 26px;border-radius:9px;font-size:15px;font-weight:700;text-decoration:none}.btn-hero.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.3)}.land-sec{padding:70px 6vw;max-width:1160px;margin:0 auto}.land-sec h2{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--navy);text-align:center;margin-bottom:10px}.land-sec .sec-sub{text-align:center;color:#64748b;font-size:15px;max-width:560px;margin:0 auto 42px;line-height:1.6}.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:18px;gap:18px}.feat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:22px}.feat .ic{color:#0d9488;margin-bottom:12px;line-height:0}.feat .ic svg{width:30px;height:30px}.feat h3{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:6px}.feat p{font-size:13px;color:#64748b;line-height:1.6}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:18px;gap:18px;align-items:stretch}.price-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:26px 22px;display:flex;flex-direction:column;position:relative}.price-card.hot{border-color:#0d9488;box-shadow:0 10px 40px rgba(13,148,136,.12)}.price-card .tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:#0d9488;color:#fff;font-size:11px;font-weight:700;padding:3px 12px;border-radius:20px;white-space:nowrap}.price-card h3{font-size:15px;font-weight:700;color:var(--navy)}.price-card .amount{font-size:34px;font-weight:800;color:var(--navy);margin:10px 0 2px}.price-card .amount span{font-size:14px;font-weight:600;color:#94a3b8}.price-card ul{list-style:none;margin:16px 0 22px;flex:1 1}.price-card li{font-size:13px;color:#475569;padding:5px 0;line-height:1.5}.price-card li:before{content:"✓  ";color:#16a34a;font-weight:700}.land-foot{border-top:1px solid #e2e8f0;padding:28px 6vw;display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#94a3b8;font-size:13px}.land-foot a{color:#64748b;text-decoration:none}.site-foot{background:#f8fafc;border-top:1px solid #e2e8f0;color:#475569;margin-top:20px}.sf-inner{max-width:1160px;margin:0 auto;padding:44px 6vw 28px;display:grid;grid-template-columns:1.3fr 2fr;grid-gap:40px;gap:40px}.sf-brand .sf-logo{height:38px;width:auto;display:block;margin-bottom:12px}.sf-tag{font-size:13px;color:#64748b;line-height:1.6;max-width:280px}.sf-cols{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.sf-col h4{font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.sf-col a{display:block;font-size:13px;color:#64748b;text-decoration:none;padding:4px 0}.sf-col a:hover{color:#0d9488}.sf-col.sf-company p{font-size:12px;color:#64748b;line-height:1.6;margin-bottom:6px}.sf-col.sf-company a{display:inline;color:#0d9488;padding:0}.sf-bar{border-top:1px solid #e2e8f0;max-width:1160px;margin:0 auto;padding:16px 6vw;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#94a3b8}.legal{background:#fff;color:#1a2535;min-height:100vh;display:flex;flex-direction:column}.legal-nav{padding:16px 6vw;border-bottom:1px solid #e2e8f0}.legal-nav img{height:34px;width:auto;display:block}.legal-body{max-width:820px;margin:0 auto;padding:44px 6vw 60px;flex:1 1;width:100%}.legal-body h1{font-size:clamp(24px,3.4vw,34px);font-weight:800;color:var(--navy);margin-bottom:6px}.legal-updated{font-size:13px;color:#94a3b8;margin-bottom:26px}.legal-body h2{font-size:18px;margin:28px 0 10px}.legal-body h2,.legal-body h3{font-weight:700;color:var(--navy)}.legal-body h3{font-size:15px;margin:18px 0 8px}.legal-body li,.legal-body p{font-size:14px;color:#374151;line-height:1.7}.legal-body p{margin-bottom:10px}.legal-body .lead{font-size:15px;color:#475569}.legal-body ul{margin:0 0 12px 22px}.legal-body li{margin-bottom:6px}.legal-body a{color:#0d9488}.legal-body table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:13px}.legal-body td,.legal-body th{border:1px solid #e2e8f0;padding:8px 10px;text-align:left;vertical-align:top}.legal-body th{background:#f8fafc;color:var(--navy);font-weight:700}.terms-check{display:flex;align-items:flex-start;gap:9px;margin:8px 0 12px;font-size:12px;color:#475569;line-height:1.5;cursor:pointer}.terms-check input{margin-top:2px;flex-shrink:0}.cookie-banner{position:fixed;right:18px;bottom:18px;z-index:9998;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 16px 50px rgba(15,38,64,.22);padding:16px 18px}.cookie-banner p{font-size:13px;color:#475569;line-height:1.6;margin-bottom:12px}.cookie-banner a{color:#0d9488;text-decoration:none}.cookie-actions{display:flex;gap:8px;justify-content:flex-end}.cookie-decline{background:none;border:1px solid #cbd5e1;color:#475569;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.cookie-decline:hover{background:#f1f5f9}.cookie-accept{background:var(--navy);border:none;color:#fff;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;cursor:pointer}.cookie-accept:hover{background:#1a3a5c}.cookie-wall{position:fixed;inset:0;z-index:9999;background:rgba(15,38,64,.92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.cookie-wall-card{background:#fff;border-radius:16px;max-width:440px;width:100%;padding:32px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}.cookie-wall-logo{width:180px;max-width:70%;height:auto;display:block;margin:0 auto 18px}.cookie-wall-card h2{font-size:19px;font-weight:800;color:var(--navy);margin-bottom:10px}.cookie-wall-card p{font-size:14px;color:#475569;line-height:1.65;margin-bottom:12px}.cookie-wall-card .cookie-links{font-size:13px}.cookie-wall-card .cookie-links a{color:#0d9488;text-decoration:none}.cookie-wall-card .btn{margin-top:8px;width:100%;justify-content:center}@media(max-width:760px){.sf-inner{grid-template-columns:1fr;gap:28px}.sf-cols{grid-template-columns:1fr 1fr}.sf-bar{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.cookie-banner{left:12px;right:12px;bottom:12px;max-width:none}.sf-cols{grid-template-columns:1fr}}@media(max-width:680px){.sidebar{width:100%;min-height:auto;height:auto;position:relative}.sb-sec{display:flex;flex-wrap:wrap;padding:6px;gap:3px}.nav{width:auto;padding:6px 10px;border-left:none;border-bottom:3px solid transparent;font-size:12px}.nav.on{border-left-color:transparent;border-bottom-color:var(--accent)}.shell{flex-direction:column}.shell,.sidebar{overflow:visible}.pg{height:auto}.fg3,.fg4{grid-template-columns:1fr 1fr}.tp{grid-template-columns:1fr}.sb-foot{margin-top:0}}