:root{--navy:#10243d;--navy2:#163858;--blue:#2463a6;--gold:#d6a94b;--ink:#172334;--muted:#6b7788;--line:#e4eaf1;--bg:#f4f7fb;--white:#fff;--success:#13845b;--danger:#b42318;--shadow:0 10px 35px rgba(18,38,63,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:#1c5d9b;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:264px;flex:0 0 264px;background:linear-gradient(175deg,#10243d,#132f4d);color:white;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.brand{display:flex;align-items:center;gap:11px;padding:20px 18px;border-bottom:1px solid #ffffff1c;min-height:82px}.brand b{display:block;font-size:13px;letter-spacing:.5px}.brand small{display:block;color:#b9c8d8;font-size:10px;margin-top:4px}.brand img{max-width:48px;max-height:44px;object-fit:contain}.brand-mark{display:inline-flex;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--gold),#fff0be);color:#10243d;align-items:center;justify-content:center;font-weight:900;font-size:17px;box-shadow:0 5px 15px #0002}.side-scroll{overflow-y:auto;overflow-x:hidden;flex:1;padding:14px 11px;scrollbar-width:thin;scrollbar-color:#6683a1 #142f4c}.side-scroll::-webkit-scrollbar{width:8px}.side-scroll::-webkit-scrollbar-thumb{background:#6683a1;border-radius:10px}.menu-caption{font-size:10px;letter-spacing:1.3px;color:#8fa7c1;font-weight:800;padding:13px 12px 7px}.nav-item{display:flex;align-items:center;padding:10px 12px;margin:2px 0;border-radius:8px;color:#d9e5f0;font-size:13px;white-space:nowrap}.nav-item:hover,.nav-item.active{background:#ffffff18;color:#fff;text-decoration:none}.nav-item.active{border-left:3px solid var(--gold);padding-left:9px}.sidebar-foot{padding:15px 19px;border-top:1px solid #ffffff1c;color:#b9c8d8;font-size:11px}.sidebar-foot b,.sidebar-foot small{display:block;color:white;margin-top:4px}.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.topbar strong{display:block;font-size:16px}.topbar small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.top-actions{display:flex;gap:14px;align-items:center;font-size:12px}.content-area{padding:26px 28px 90px;max-width:1600px;width:100%;margin:auto;min-width:0;overflow-x:auto}.footer{padding:17px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;margin-top:auto}.footer a{font-weight:700}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 15px;border-radius:9px;font-weight:700;font-size:12px;text-decoration:none;line-height:1.25}.btn:hover{text-decoration:none;filter:brightness(.97)}.btn-primary{background:var(--navy2);color:white}.btn-light{background:#edf2f7;color:#24374c;border:1px solid #d9e1ea}.btn-danger{background:#fff0ef;color:#a52c23;border:1px solid #f5cbc7}.btn-small{padding:6px 9px;font-size:10px}.full{width:100%;margin-top:16px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:14px;font-size:13px}.alert-success{background:#e8f8f1;color:#126a4a}.alert-warning{background:#fff7e5;color:#855c00}.alert-danger{background:#fff0ef;color:#a52c23}.hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px;background:linear-gradient(120deg,#10243d,#1f527d);color:white;border-radius:20px;box-shadow:var(--shadow);margin-bottom:30px;overflow:hidden}.hero>div:first-child{max-width:700px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#f1d18a;font-weight:800}.hero h1{font-size:clamp(27px,4vw,43px);line-height:1.1;max-width:690px;margin:12px 0}.hero p{color:#d5e1ec;line-height:1.7;max-width:600px;font-size:14px}.hero-art{flex:0 0 210px;height:185px;border:1px solid #ffffff33;border-radius:28px;background:radial-gradient(circle at 30% 20%,#d9b65d55,transparent 45%),#ffffff0c;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:70px;font-weight:900;color:#f5d992;transform:rotate(3deg)}.hero-art span{position:absolute;font-size:28px;margin:0 0 0 110px}.hero-art small{font-size:12px;letter-spacing:2px;color:#e4edf6}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:26px 0 16px}.section-head h2{margin:0;font-size:20px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:12px}.search-inline{display:flex;gap:7px;align-items:center}.search-inline input{min-width:220px}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}.service-card,.panel,.form-card,.auth-card,.invoice-sheet,.empty-card,.checkout-box{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.service-card{padding:19px;display:flex;flex-direction:column;min-height:260px}.service-icon{width:36px;height:36px;border-radius:10px;background:#eef4fb;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:13px}.service-card small{color:var(--muted);font-size:10px}.service-card h3{font-size:16px;margin:7px 0}.service-card p{font-size:12px;line-height:1.55;color:var(--muted);flex:1}.price{font-size:18px;font-weight:800;color:var(--navy);margin:12px 0}.price small{font-size:10px;font-weight:500}.service-card form{margin-top:6px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stat-card small,.stat-card span{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;font-size:24px;margin:9px 0;color:var(--navy)}.stat-card span{font-size:10px}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:16px}.panel,.form-card{padding:20px;margin-bottom:17px;min-width:0}.panel h2,.form-card h2{margin-top:0}.panel h3,.form-card h3{font-size:15px;margin:0 0 13px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-grid a{padding:13px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;font-size:12px;font-weight:700}.table-wrap{overflow:auto;width:100%;border:1px solid var(--line);border-radius:10px;margin:13px 0;scrollbar-width:thin;scrollbar-color:#9aabba #edf1f5}.table-wrap::-webkit-scrollbar,.content-area::-webkit-scrollbar,.tabstrip::-webkit-scrollbar{height:8px;width:8px}.table-wrap::-webkit-scrollbar-thumb,.content-area::-webkit-scrollbar-thumb,.tabstrip::-webkit-scrollbar-thumb{background:#9aabba;border-radius:10px}table{border-collapse:collapse;width:100%;min-width:620px;font-size:11px}th{background:#f4f7fa;color:#57677a;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.4px}td,th{padding:11px 12px;border-bottom:1px solid #edf0f4;white-space:nowrap}td{color:#344458}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;color:var(--muted);padding:25px}.checkout-box{padding:18px;margin:20px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.auth-card{max-width:430px;margin:35px auto;padding:28px}.auth-card h1{font-size:24px;margin-top:0}.auth-card p{color:var(--muted);font-size:12px;line-height:1.6}label{display:block;font-size:11px;font-weight:750;margin:12px 0 6px;color:#3d4b5c}input,select,textarea{width:100%;border:1px solid #d8e0e9;border-radius:8px;padding:10px 11px;background:white;color:#172334;outline:none;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#6699cd;box-shadow:0 0 0 3px #2463a615}input[type=checkbox]{width:auto}textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.form-grid>div{min-width:0}.form-grid label{margin-top:10px}.invoice-sheet{padding:30px;max-width:900px;margin:0 auto}.invoice-top,.invoice-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.invoice-top h2{font-size:15px}.invoice-top p,.invoice-meta p{font-size:11px;color:var(--muted)}.invoice-number{text-align:right}.invoice-number h1{font-size:23px;letter-spacing:3px;margin:0 0 9px}.invoice-logo{max-width:100px;max-height:60px;object-fit:contain}.invoice-meta{margin:24px 0}.invoice-meta small{font-size:10px;color:var(--muted);font-weight:800}.totals{max-width:350px;margin:14px 0 14px auto}.totals p,.totals h2,.totals h3{display:flex;justify-content:space-between;font-size:12px}.totals h2,.totals h3{border-top:1px solid var(--line);padding-top:9px}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.export-actions{display:flex;flex-wrap:wrap;gap:12px;font-size:11px}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.export-card{padding:15px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;display:flex;gap:10px;flex-wrap:wrap;font-size:11px}.export-card b{width:100%}.inline{display:inline-flex;gap:5px}.empty-card{padding:25px;text-align:center;color:var(--muted)}.ad-banner{position:fixed;bottom:0;left:0;right:0;z-index:12;background:#fbf3df;color:#72530e;text-align:center;padding:8px;font-size:11px;border-top:1px solid #e9d7aa}.ad-banner b{margin-left:10px}.ad-modal{position:fixed;inset:0;background:#071525a8;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.ad-card{position:relative;background:white;width:min(420px,100%);padding:28px;border-radius:16px;text-align:center;box-shadow:0 20px 70px #0004}.ad-card small{display:block;color:var(--muted);font-size:10px;margin:10px}.ad-card h3{font-size:22px;margin:10px 0}.ad-card p{font-size:13px;color:var(--muted);line-height:1.6}.ad-card .btn{margin:5px}.ad-x{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px}.support-float,.chat-float{position:fixed;right:17px;z-index:15;border:0;border-radius:30px;padding:12px 16px;font-size:11px;font-weight:800;box-shadow:0 7px 24px #10243d30}.support-float{bottom:56px;background:#12865a;color:white}.chat-float{bottom:105px;background:#173f65;color:white}.chat-box{position:fixed;right:16px;bottom:155px;width:min(350px,calc(100vw - 32px));height:430px;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 55px #0e263c35;z-index:20;display:flex;flex-direction:column;overflow:hidden}.chat-box[hidden],.ad-modal[hidden]{display:none}.chat-box header{padding:13px;background:var(--navy);color:white;font-weight:800;font-size:12px;display:flex;justify-content:space-between}.chat-box header button{background:transparent;border:0;color:white;font-size:20px}.chat-box select{border-radius:0;border-width:0 0 1px}.chat-log{padding:12px;overflow:auto;flex:1;font-size:12px}.chat-log p{padding:9px 11px;border-radius:10px;max-width:90%;line-height:1.45;white-space:pre-wrap}.chat-log .bot{background:#eef3f8}.chat-log .me{background:#dcecff;margin-left:auto}.chat-box form{display:flex;gap:5px;padding:9px;border-top:1px solid var(--line)}.chat-box form input{flex:1}.chat-box form button{border:0;background:var(--navy);color:white;border-radius:8px;padding:0 13px}.search-results{position:relative;z-index:4;background:white;border:1px solid var(--line);border-radius:8px;max-height:180px;overflow:auto;margin-top:4px}.search-results:empty{display:none}.search-results button{width:100%;display:block;text-align:left;background:white;border:0;border-bottom:1px solid var(--line);padding:9px;font-size:11px}.search-results button:hover{background:#f2f6fa}.ad-banner~.footer{padding-bottom:30px}.tabstrip{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;padding:5px 0 10px;scrollbar-width:thin}.tabstrip a{padding:9px 12px;border-radius:8px;background:#edf2f7;font-size:11px}.tabstrip a.active{background:var(--navy);color:white}@media(max-width:1000px){.sidebar{width:220px;flex-basis:220px}.content-area{padding:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.app-shell{display:block}.sidebar{width:auto;height:auto;position:relative}.brand{min-height:64px}.side-scroll{display:flex;overflow-x:auto;overflow-y:hidden;padding:8px;gap:4px}.menu-caption{display:none}.nav-item{flex:0 0 auto;font-size:11px}.sidebar-foot{display:none}.topbar{height:60px;padding:0 14px}.content-area{padding:14px 12px 100px}.hero{padding:23px;display:block}.hero-art{display:none}.section-head{align-items:flex-start;flex-direction:column}.search-inline{width:100%}.search-inline input{min-width:0;flex:1}.dashboard-grid{grid-template-columns:1fr}.stat-grid{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:18px}.form-grid{grid-template-columns:1fr}.invoice-sheet{padding:15px}.invoice-meta,.invoice-top{gap:10px}.top-actions>span{display:none}.checkout-box{display:block}.footer{padding:15px}.support-float{right:10px;bottom:52px}.chat-float{right:10px;bottom:100px}}
@media print{body{background:white}.sidebar,.topbar,.footer,.support-float,.chat-float,.chat-box,.ad-banner,.action-row,.ad-modal{display:none!important}.content-area{padding:0!important;max-width:none}.invoice-sheet{box-shadow:none;border:0;max-width:none;padding:0}.table-wrap{overflow:visible;border:0}table{min-width:0;font-size:10px}td,th{padding:6px}.app-shell{display:block}}

.status-ok{display:inline-block;padding:4px 8px;border-radius:20px;background:#e8f8f1;color:#126a4a;font-weight:800;font-size:10px}.status-bad{display:inline-block;padding:4px 8px;border-radius:20px;background:#fff0ef;color:#a52c23;font-weight:800;font-size:10px}