:root{--bg:#f5f7f9;--surface:#ffffff;--surface-2:#f0f4f5;--surface-3:#e9eef0;--border:#e2e8ec;--border-strong:#cdd7dc;--text:#16242b;--text-2:#3c4b54;--muted:#6b7a83;--primary:#0f766e;--primary-strong:#0b5c56;--primary-soft:#e3f2f0;--primary-tint:#d3ece8;--accent:#0ea5a4;--gold:#b9842a;--gold-soft:#fbf1dd;--info:#2563eb;--info-soft:#e8efff;--success:#15803d;--success-soft:#e4f5e9;--warn:#b45309;--warn-soft:#fdf0dd;--danger:#b91c1c;--danger-soft:#fbe7e7;--shadow-sm:0 1px 2px rgba(16,40,48,0.05),0 1px 3px rgba(16,40,48,0.04);--shadow:0 4px 14px rgba(16,40,48,0.07),0 2px 6px rgba(16,40,48,0.04);--shadow-lg:0 18px 48px rgba(11,60,56,0.16);--radius:14px;--radius-lg:20px;--radius-sm:9px;--container:1180px;--font:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);line-height:1.75;font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,h1,h2,h3,h4,h5{margin:0;color:var(--text)}h1,h2,h3,h4,h5{font-weight:800;line-height:1.4}h1{font-size:clamp(1.9rem,4.4vw,3rem);letter-spacing:-.5px}h2{font-size:clamp(1.4rem,2.8vw,2rem)}h3{font-size:1.15rem}p{margin:0 0 .85rem}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-strong)}img,svg{max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}ol,ul{margin:0;padding:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:20px}.site{display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1;padding-block:34px 64px}.stack{display:flex;flex-direction:column}.between,.row{display:flex;align-items:center}.between{justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.muted{color:var(--muted)}.small{font-size:.82rem}.text-center{text-align:center}.text-start{text-align:start}.bold{font-weight:800}.nowrap{white-space:nowrap}.grow{flex:1 1}.divider{height:1px;background:var(--border);border:0;margin-block:22px}.link{font-weight:700}.link:hover{text-decoration:underline}.grid{display:grid;grid-gap:18px;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{gap:18px;min-height:68px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:900;font-size:1.2rem;white-space:nowrap}.brand,.brand:hover{color:var(--text)}.brand-mark{width:40px;height:40px;border-radius:12px;flex:none;background:linear-gradient(135deg,var(--primary-strong),var(--accent));color:#fff;display:grid;place-items:center;font-size:1.35rem;font-weight:900;box-shadow:var(--shadow-sm)}.brand-text small{display:block;font-size:.62rem;font-weight:600;color:var(--muted);line-height:1;letter-spacing:.5px}.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav a{padding:8px 12px;border-radius:9px;color:var(--text-2);font-weight:700;font-size:.9rem;transition:background .15s,color .15s}.nav a:hover{background:var(--surface-2);color:var(--primary)}.nav a.active{background:var(--primary-soft);color:var(--primary-strong)}.header-actions{display:flex;align-items:center;gap:10px;-webkit-margin-start:auto;margin-inline-start:auto}.mock-badge{display:inline-flex;align-items:center;gap:7px;background:var(--gold-soft);color:#8a5e12;border:1px solid #e9d3a4;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.mock-badge .dot{width:8px;height:8px;border-radius:50%;background:#d99a1f;box-shadow:0 0 0 3px rgba(217,154,31,.2)}.mock-bar{background:linear-gradient(90deg,#fbf1dd,#fff7e9);border-bottom:1px solid #f0e0bd;color:#7a5514;font-size:.83rem;font-weight:600;text-align:center;padding:7px 16px}.site-footer{background:#0c2b2a;color:#c7dbd9;margin-top:auto}.footer-inner{display:grid;grid-template-columns:1.6fr repeat(3,1fr);grid-gap:28px;gap:28px;padding-block:44px 30px}.site-footer h4{color:#fff;font-size:.98rem;margin-bottom:14px}.site-footer a{color:#b9d2cf;display:block;padding:3px 0;font-size:.88rem}.footer-brand .brand,.site-footer a:hover{color:#fff}.footer-brand p{color:#9db8b5;font-size:.87rem;max-width:320px;margin-top:12px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-block:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.8rem;color:#8fb0ac}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:800;font-size:.92rem;line-height:1.4;transition:transform .12s,box-shadow .15s,background .15s,color .15s;background:var(--surface-2);color:var(--text);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{color:#fff;box-shadow:var(--shadow)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.btn-ghost{background:transparent;color:var(--primary)}.btn-ghost:hover{background:var(--primary-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background:#f7d5d5}.btn-light{background:rgba(255,255,255,.16);color:#fff;border-color:rgba(255,255,255,.35)}.btn-light:hover{background:rgba(255,255,255,.26);color:#fff}.btn-sm{padding:6px 12px;font-size:.82rem}.btn-lg{padding:14px 28px;font-size:1.05rem;border-radius:12px}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:22px}.card-hover{transition:transform .16s,box-shadow .16s,border-color .16s}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-tint)}.card-title{font-size:1.12rem;margin-bottom:6px}.card-sub{color:var(--muted);font-size:.9rem}.section{padding-block:44px}.section-head{margin-bottom:26px;max-width:680px}.section-head.center{margin-inline:auto;text-align:center}.section-kicker{color:var(--primary);font-weight:800;font-size:.82rem;letter-spacing:.5px;margin-bottom:6px}.section-title{margin-bottom:8px}.section-sub{color:var(--muted)}.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(1000px 420px at 85% -10%,rgba(255,255,255,.16),transparent 60%),radial-gradient(700px 400px at 5% 110%,rgba(14,165,164,.35),transparent 60%),linear-gradient(120deg,#093b39,#0f766e 52%,#0c8a83);border-radius:0 0 30px 30px}.hero:after{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 0);background-size:26px 26px}.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:30px;gap:30px;align-items:center;padding-block:64px 60px;position:relative;z-index:1}.hero h1{color:#fff;line-height:1.35;margin-bottom:16px}.hero h1 .hl{color:#ffe6a8}.hero-sub{color:#d6efec;font-size:1.08rem;max-width:560px;margin-bottom:26px}.hero-actions{gap:12px}.hero-actions,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:26px;margin-top:36px}.hero-stats .stat b{display:block;font-size:1.5rem;color:#fff}.hero-stats .stat span{font-size:.82rem;color:#bfe0dc}.hero-art{border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-lg)}.hero-art,.hero-art .art-row{background:rgba(255,255,255,.1)}.hero-art .art-row{display:flex;align-items:center;gap:12px;border-radius:12px;padding:11px 14px;margin-bottom:10px}.hero-art .art-row:last-child{margin-bottom:0}.hero-art .art-ico{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none}.hero-art .art-row b{display:block;font-size:.9rem}.hero-art .art-row span{font-size:.76rem;color:#cfe9e6}.diff-card{padding:24px;text-align:start}.diff-icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:var(--primary-soft);color:var(--primary);margin-bottom:14px}.diff-card p{color:var(--muted);font-size:.9rem;margin:0}.service-card{display:flex;flex-direction:column;overflow:hidden;height:100%}.service-thumb{height:132px;display:grid;place-items:center;font-size:2.6rem;background:linear-gradient(135deg,var(--primary-soft),var(--surface-2));color:var(--primary)}.service-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1 1}.service-cat{font-size:.74rem;font-weight:800;color:var(--primary);background:var(--primary-soft);padding:3px 10px;border-radius:999px;align-self:flex-start}.service-body h3{font-size:1.06rem}.service-body p{color:var(--muted);font-size:.86rem;margin:0;flex:1 1}.service-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.price-tag{font-weight:900;color:var(--primary-strong)}.price-tag small{font-weight:600;color:var(--muted);font-size:.72rem}.tool-strip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.tool-chip{display:flex;gap:12px;align-items:center;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:.15s}.tool-chip:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tool-chip .ti{width:42px;height:42px;border-radius:11px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center;font-size:1.3rem;flex:none}.tool-chip b{display:block;font-size:.92rem}.tool-chip span{font-size:.76rem;color:var(--muted)}.step-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;counter-reset:step}.step-item{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.step-num{width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:12px}.step-item h4{font-size:.98rem;margin-bottom:4px}.step-item p{font-size:.82rem;color:var(--muted);margin:0}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:.76rem;font-weight:800;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.badge-soft{background:var(--primary-soft);color:var(--primary-strong)}.badge-gold{background:var(--gold-soft);color:#8a5e12}.badge-info{background:var(--info-soft);color:var(--info)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:800;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-DRAFT,.status-NEW,.status-PENDING{background:var(--surface-3);color:#52616b}.status-AWAITING_PAYMENT,.status-CONTACTED,.status-IN_PROGRESS,.status-PAID,.status-QA,.status-RUNNING,.status-info{background:var(--info-soft);color:var(--info)}.status-AWAITING_OWNER_APPROVAL,.status-ESCALATED,.status-FAILED,.status-REVISION_REQUESTED,.status-urgent,.status-warn{background:var(--warn-soft);color:var(--warn)}.status-APPROVED,.status-COMPLETED,.status-DELIVERED,.status-DONE,.status-QUALIFIED,.status-success{background:var(--success-soft);color:var(--success)}.status-CLOSED,.status-REFUNDED,.status-REJECTED,.status-SKIPPED,.status-danger{background:var(--danger-soft);color:var(--danger)}.pill{display:inline-block;padding:2px 9px;border-radius:7px;font-size:.74rem;font-weight:700;background:var(--surface-2)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field>label{font-weight:800;font-size:.9rem}.field>label .req{color:var(--danger);-webkit-margin-start:3px;margin-inline-start:3px}.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.field input[type=file]{padding:9px;background:var(--surface-2)}.field .hint{font-size:.78rem;color:var(--muted)}.field-error{color:var(--danger);font-size:.8rem;font-weight:700}.field input.invalid,.field select.invalid,.field textarea.invalid{border-color:var(--danger)}.choice-row{display:flex;flex-wrap:wrap;gap:10px}.choice-opt{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);font-size:.88rem;font-weight:700;cursor:pointer;transition:.15s}.choice-opt.selected,.choice-opt:hover{border-color:var(--primary)}.choice-opt.selected{background:var(--primary-soft);color:var(--primary-strong)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0 18px;gap:0 18px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table.data{width:100%;border-collapse:collapse;font-size:.88rem;min-width:560px}table.data td,table.data th{padding:12px 14px;text-align:start;border-bottom:1px solid var(--border);vertical-align:middle}table.data th{background:var(--surface-2);font-weight:800;color:var(--text-2);white-space:nowrap}table.data tr:last-child td{border-bottom:0}table.data tbody tr:hover{background:var(--surface-2)}.table-wrap a{font-weight:700}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 20px;color:var(--muted)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--primary-tint);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-line{height:13px;margin-bottom:10px}.skeleton-card{padding:20px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.error-box{background:var(--danger-soft);border:1px solid #f0c2c2;color:var(--danger);padding:16px 18px;border-radius:var(--radius);font-weight:700;display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}.empty-state{text-align:center;padding:48px 20px;color:var(--muted)}.empty-state .es-ico{font-size:2.6rem;display:block;margin-bottom:10px;opacity:.7}.empty-state h3{color:var(--text-2)}.notice{border-radius:var(--radius);padding:14px 16px;font-size:.88rem;border:1px solid}.notice-info{background:var(--info-soft);border-color:#c9d9ff;color:#1d47a3}.notice-warn{background:var(--warn-soft);border-color:#efd6a8;color:#8a5a10}.notice-success{background:var(--success-soft);border-color:#bfe6c9;color:#176136}.toast-wrap{position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:200;flex-direction:column;max-width:min(360px,calc(100vw - 44px))}.toast,.toast-wrap{display:flex;gap:10px}.toast{align-items:flex-start;background:#12262b;color:#fff;padding:13px 15px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.88rem;font-weight:600;animation:toast-in .25s ease}.toast .t-ico{font-size:1.1rem;flex:none}.toast-success{background:#12693c}.toast-error{background:#a02020}.toast button{background:transparent;border:0;color:rgba(255,255,255,.75);-webkit-margin-start:auto;margin-inline-start:auto;font-size:1rem;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page-head{margin-bottom:24px}.page-title{font-size:clamp(1.5rem,3vw,2.1rem)}.page-sub{color:var(--muted);margin-top:4px}.stat-card{padding:20px}.stat-label{font-size:.82rem;color:var(--muted);font-weight:700}.stat-value{font-size:1.9rem;font-weight:900;color:var(--primary-strong);line-height:1.3;margin-top:4px}.stat-hint{font-size:.76rem;color:var(--muted);margin-top:2px}.bar-row{display:grid;grid-template-columns:130px 1fr 90px;grid-gap:12px;gap:12px;align-items:center;margin-bottom:12px;font-size:.85rem}.bar-track{height:12px;background:var(--surface-3);border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .4s ease}.bar-fill.warn{background:linear-gradient(90deg,#d97706,#f59e0b)}.bar-fill.danger{background:linear-gradient(90deg,#b91c1c,#ef4444)}.bar-val{text-align:end;font-weight:800;color:var(--text-2)}.kv{flex-direction:column}.kv,.kv-row{display:flex}.kv-row{justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:.9rem}.kv-row:last-child{border-bottom:0}.kv-key{color:var(--muted)}.kv-val{font-weight:800;text-align:end}.timeline{position:relative;-webkit-padding-start:26px;padding-inline-start:26px}.timeline:before{content:"";position:absolute;inset-inline-start:8px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:22px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;inset-inline-start:-23px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--surface);border:3px solid var(--border-strong)}.timeline-item.done .timeline-dot{border-color:var(--success);background:var(--success)}.timeline-item.active .timeline-dot{border-color:var(--info);background:var(--info);box-shadow:0 0 0 4px var(--info-soft)}.timeline-item.failed .timeline-dot{border-color:var(--danger);background:var(--danger)}.timeline-body b{display:block;font-size:.94rem}.timeline-body span{font-size:.8rem;color:var(--muted)}.stars{display:inline-flex;gap:3px;direction:ltr}.stars .star{font-size:1.5rem;color:#d7dee2;cursor:pointer;transition:color .12s,transform .12s;line-height:1}.stars .star.on{color:#f5a623}.stars.readonly .star{cursor:default}.stars .star:not(.readonly):hover{transform:scale(1.15)}.file-list{display:flex;flex-direction:column;gap:10px}.file-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.file-ico{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.1rem;flex:none}.file-item b{display:block;font-size:.88rem;word-break:break-word}.file-item span{font-size:.76rem;color:var(--muted)}.admin-shell{display:grid;grid-template-columns:230px 1fr;grid-gap:0;gap:0;min-height:calc(100vh - 68px)}.admin-nav{background:var(--surface);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);padding:20px 12px}.admin-nav .nav-title{font-size:.72rem;font-weight:800;color:var(--muted);padding:6px 12px;letter-spacing:.5px}.admin-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;color:var(--text-2);font-weight:700;font-size:.88rem;margin-bottom:2px}.admin-nav a:hover{background:var(--surface-2);color:var(--primary)}.admin-nav a.active{background:var(--primary-soft);color:var(--primary-strong)}.admin-nav .nav-ico{width:20px;text-align:center}.admin-content{padding:26px;min-width:0}.admin-content .page-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px}.banner{border-radius:var(--radius);padding:16px 18px;font-weight:700;margin-bottom:22px;border:1px solid}.banner-legal{background:var(--gold-soft);border-color:#e8cf9c;color:#7a5310}.banner-mock{background:var(--info-soft);border-color:#c9d9ff;color:#1d47a3}.legal-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}.legal-body h2{font-size:1.3rem;margin:26px 0 10px}.legal-body h2:first-child{margin-top:0}.legal-body li,.legal-body p{color:var(--text-2)}.legal-body ul{-webkit-padding-start:22px;padding-inline-start:22px;list-style:disc}.legal-body li{margin-bottom:6px}.faq-item{border-bottom:1px solid var(--border);padding:4px 0}.faq-item summary{cursor:pointer;font-weight:800;padding:13px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--primary);font-size:1.2rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--muted);padding-bottom:12px;font-size:.9rem}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:5px 11px;border-radius:999px;font-size:.8rem;font-weight:700}.chip,.copy-box{background:var(--surface-2)}.copy-box{display:flex;align-items:center;gap:10px;border:1px dashed var(--border-strong);padding:10px 14px;border-radius:10px;font-weight:800;letter-spacing:1px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap}.tab{padding:9px 16px;border:0;background:transparent;font-weight:800;color:var(--muted);border-bottom:3px solid transparent}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.package-opt{border:1.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:.15s;display:block}.package-opt.selected,.package-opt:hover{border-color:var(--primary)}.package-opt.selected{background:var(--primary-soft)}.package-opt b{display:block}.package-opt .po-price{font-weight:900;color:var(--primary-strong);font-size:1.15rem}.progress{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent))}.qa-score{font-size:2.4rem;font-weight:900;color:var(--primary)}.menu-page{max-width:640px;margin-inline:auto}.menu-hero{text-align:center;padding:30px;background:linear-gradient(135deg,var(--primary-strong),var(--accent));color:#fff;border-radius:var(--radius-lg);margin-bottom:22px}.menu-hero h1{color:#fff}.menu-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed var(--border)}.menu-item b{font-size:1rem}.menu-item .mi-price{font-weight:900;color:var(--primary);white-space:nowrap}@media (max-width:980px){.hero-inner{grid-template-columns:1fr}.hero-art{display:none}.footer-inner{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-nav{-webkit-border-end:0;border-inline-end:0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;padding:12px}.admin-nav .nav-title{display:none}.admin-nav a{margin:0}.admin-content{padding:20px}}@media (max-width:760px){.form-grid,.grid-2,.grid-3,.grid-4,.step-list,.tool-strip{grid-template-columns:1fr}.step-list,.tool-strip{grid-template-columns:1fr 1fr}.header-inner{flex-wrap:wrap;padding-block:10px;gap:10px}.header-actions{width:100%;justify-content:space-between}.nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav a{white-space:nowrap}.footer-inner{grid-template-columns:1fr;gap:20px}.bar-row{grid-template-columns:92px 1fr 64px;font-size:.78rem}.hero-inner{padding-block:44px}}@media (max-width:420px){.step-list,.tool-strip{grid-template-columns:1fr}.container{padding-inline:14px}}