:root{
  --green-950:#022c22;--green-900:#064e3b;--green-800:#065f46;--green-700:#047857;--green-600:#059669;--green-500:#10b981;--green-100:#dcfce7;--green-50:#f0fdf4;
  --teal:#0f766e;--blue:#2563eb;--orange:#f59e0b;--red:#ef4444;--slate-950:#0f172a;--slate-800:#1e293b;--slate-600:#475569;--slate-500:#64748b;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;
  --radius:20px;--shadow:0 18px 55px rgba(15,23,42,.08);--shadow-sm:0 10px 24px rgba(15,23,42,.07);--line:#e5e7eb;--sidebar:280px;
  --font:Arial,Helvetica,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
*{box-sizing:border-box} body{margin:0;font-family:var(--font);color:var(--slate-950);background:linear-gradient(180deg,#fff,#f8fafc 42%,#f1f5f9);font-size:14px;line-height:1.55} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 48px));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s;background:#fff;color:var(--slate-900)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--green-700),var(--green-900));color:#fff}.btn-soft{background:var(--green-50);color:var(--green-800);border-color:#bbf7d0}.btn-outline{border-color:var(--slate-200);background:#fff}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.badge.green{background:var(--green-100);color:var(--green-800)}.badge.orange{background:#fff7ed;color:#c2410c}.badge.blue{background:#eff6ff;color:#1d4ed8}.badge.gray{background:var(--slate-100);color:var(--slate-600)}.card{background:rgba(255,255,255,.92);border:1px solid rgba(226,232,240,.88);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.muted{color:var(--slate-500)}.text-green{color:var(--green-700)}.section-title{text-align:center;font-size:28px;margin:0 0 8px}.section-title:after{content:"";display:block;width:56px;height:4px;background:var(--green-700);border-radius:8px;margin:10px auto 0}.top-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.9);box-shadow:var(--shadow-sm);border-radius:0 0 22px 22px;margin:0 8px}.nav-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:170px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--slate-800);padding:10px 2px;border-bottom:4px solid transparent}.nav-links a.active,.nav-links a:hover{color:var(--green-800);border-color:var(--green-700)}
.hero{position:relative;overflow:hidden;padding:58px 0 28px}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 80%,rgba(34,197,94,.16),transparent 20%),radial-gradient(circle at 62% 18%,rgba(20,184,166,.14),transparent 18%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.12fr;gap:42px;align-items:center}.hero h1{font-size:50px;line-height:1.05;margin:18px 0 18px;letter-spacing:-2px}.hero p{font-size:18px;color:var(--slate-600);max-width:660px}.hero-actions{display:flex;gap:16px;margin:28px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--slate-600);font-weight:700}.hero-preview{padding:18px;background:#fff;border-radius:24px;border:1px solid var(--slate-200);box-shadow:var(--shadow)}.preview-shell{display:grid;grid-template-columns:190px 1fr;min-height:390px;border-radius:18px;overflow:hidden;background:#fff}.preview-side{background:linear-gradient(180deg,var(--green-900),#003b2b);padding:18px;color:#fff}.preview-side .mini-logo{font-weight:900;font-size:20px}.mini-nav{margin-top:18px;display:grid;gap:10px}.mini-nav span{padding:9px 10px;border-radius:10px;font-size:12px;background:rgba(255,255,255,.08)}.mini-nav span:first-child{background:var(--green-600)}.preview-main{padding:18px;background:var(--slate-50)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-card{background:#fff;border:1px solid var(--slate-200);border-radius:13px;padding:12px}.mini-card strong{display:block;font-size:22px}.chart-row{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;margin-top:12px}.bars{height:120px;display:flex;align-items:end;gap:12px;padding:18px;background:linear-gradient(#fff,#fff),repeating-linear-gradient(0deg,transparent 0 24px,#e5e7eb 25px);border:1px solid var(--slate-200);border-radius:14px}.bar{flex:1;background:linear-gradient(180deg,var(--green-500),var(--green-900));border-radius:7px 7px 0 0}.donut{width:118px;height:118px;border-radius:50%;background:conic-gradient(var(--green-800) 0 35%,var(--green-500) 35% 60%,var(--orange) 60% 80%,#3b82f6 80% 90%,#cbd5e1 90%);position:relative;margin:auto}.donut:after{content:"";position:absolute;inset:31px;background:#fff;border-radius:50%}.features{padding:36px 0 16px;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;margin-top:24px}.feature-card{text-align:center;padding:18px 12px}.feature-card .icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;margin:0 auto 8px;background:var(--green-50);font-size:24px}.feature-card h3{margin:7px 0 4px;font-size:15px}.feature-card p{font-size:12px;color:var(--slate-600);margin:0}.process{padding:28px 0}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;text-align:center;margin-top:22px}.step{position:relative}.step:after{content:"";position:absolute;top:32px;left:calc(50% + 34px);right:calc(-50% + 34px);height:2px;background:linear-gradient(90deg,var(--green-600),transparent)}.step:last-child:after{display:none}.step .circle{width:66px;height:66px;border-radius:50%;border:2px solid var(--green-600);display:grid;place-items:center;margin:auto;background:#fff;font-size:26px}.stats-strip{margin-top:24px;background:linear-gradient(135deg,var(--green-900),var(--green-600));color:#fff;border-radius:20px;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;box-shadow:var(--shadow-sm)}.stat-item{display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.25)}.stat-item:last-child{border-right:0}.stat-item b{font-size:30px;display:block}.method{padding:24px 0 42px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.method-card{padding:22px}.footer{background:linear-gradient(135deg,var(--green-950),var(--green-800));color:#fff;padding:26px 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:24px}.footer a,.footer p{color:rgba(255,255,255,.78);margin:5px 0}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--green-950),var(--green-900));color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:24px}.sidebar-logo img{width:176px;filter:brightness(0) invert(1)}.side-menu{display:grid;gap:8px}.side-menu a{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);padding:13px 14px;border-radius:13px;font-weight:800}.side-menu a.active,.side-menu a:hover{background:linear-gradient(135deg,var(--green-600),var(--green-700));color:#fff}.side-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.15);padding-top:18px;display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f97316);display:grid;place-items:center;color:#fff;font-weight:900}.main{min-width:0;background:linear-gradient(180deg,#fff,#f8fafc);padding-bottom:76px}.app-header{height:84px;border-bottom:1px solid var(--slate-200);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(255,255,255,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.title h1{font-size:28px;margin:0;line-height:1.1}.top-actions{display:flex;align-items:center;gap:12px}.search{height:44px;min-width:330px;border:1px solid var(--slate-200);border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--slate-500)}.kbd{font-size:12px;background:var(--slate-100);border:1px solid var(--slate-200);padding:3px 8px;border-radius:8px;margin-left:auto}.content{padding:28px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.metric{padding:22px;display:flex;align-items:center;gap:16px}.metric .micon{width:58px;height:58px;border-radius:18px;background:var(--green-50);display:grid;place-items:center;font-size:28px}.metric h2{margin:0;font-size:30px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:20px}.panel h2,.panel h3{margin-top:0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;min-width:720px}.data-table th{background:var(--slate-50);color:var(--slate-600);font-size:12px;text-align:left;padding:14px;border-bottom:1px solid var(--slate-200)}.data-table td{padding:14px;border-bottom:1px solid var(--slate-200);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.score{font-weight:900;color:var(--green-800);background:var(--green-50);border:1px solid #86efac;border-radius:999px;padding:5px 10px;display:inline-flex}.score.orange{color:#c2410c;background:#fff7ed;border-color:#fdba74}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.input,.select{height:44px;border:1px solid var(--slate-200);border-radius:12px;background:#fff;padding:0 14px;color:var(--slate-600);min-width:180px}.drawer{padding:20px}.form-grid{display:grid;gap:14px}.form-grid label{font-weight:800;font-size:12px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--slate-200);border-radius:12px;padding:12px;background:#fff;font:inherit}.form-grid textarea{min-height:80px}.bar-chart{height:220px;display:flex;align-items:end;gap:24px;padding:18px 24px;border:1px solid var(--slate-200);border-radius:16px;background:repeating-linear-gradient(0deg,#fff 0,#fff 39px,#e5e7eb 40px)}.chart-bar{flex:1;min-width:28px;border-radius:9px 9px 0 0;background:linear-gradient(180deg,var(--green-500),var(--green-900));position:relative}.chart-bar span{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-weight:800;font-size:12px}.progress-line{display:grid;grid-template-columns:repeat(5,1fr);gap:0;align-items:center;text-align:center}.pstep .pcircle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--green-100);color:var(--green-800);border:3px solid var(--green-600);margin:auto;font-size:22px}.notice{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,var(--green-50),#fff);border:1px solid #bbf7d0;border-radius:20px}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.08fr;background:#fff}.login-visual{padding:70px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 80% 20%,rgba(16,185,129,.14),transparent 22%),linear-gradient(180deg,#f0fdf4,#fff)}.login-visual h1{font-size:42px;line-height:1.1}.food-illus{height:220px;border-radius:32px;background:radial-gradient(circle at 25% 70%,#fff 0 15%,transparent 16%),radial-gradient(circle at 52% 62%,#fbbf24 0 11%,transparent 12%),radial-gradient(circle at 74% 59%,#86efac 0 12%,transparent 13%),linear-gradient(135deg,#d1fae5,#ecfdf5);box-shadow:var(--shadow-sm)}.login-form-wrap{display:grid;place-items:center;padding:50px}.login-card{width:min(540px,100%);padding:48px}.login-card h2{text-align:center;font-size:34px}.hero-compact{display:none}.comparison-matrix td,.comparison-matrix th{text-align:center}.comparison-matrix td:first-child,.comparison-matrix th:first-child{text-align:left}.cell-soft{background:var(--green-50)!important;font-weight:900}.mobile-menu{display:none}
.app-footer{position:fixed;bottom:0;left:var(--sidebar);right:0;padding:12px 28px;z-index:8}.notice.success{background:var(--green-50);border-color:#bbf7d0}.notice.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.floating-flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:60;box-shadow:var(--shadow-sm)}.mini-form{min-width:260px;margin-top:12px}.mini-form input,.mini-form select,.mini-form textarea{min-width:220px}details summary{cursor:pointer;font-weight:800;color:var(--green-800)}.ahp-cell{text-align:center}
@media(max-width:1100px){.hero-grid,.grid-2,.method-grid,.login-page{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(4,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.step:after{display:none}.stats-strip,.grid-4{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:30;transform:translateX(-105%);transition:.25s;width:280px}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.content{padding:18px}.search{min-width:200px}.preview-shell{grid-template-columns:1fr}.preview-side{display:none}.nav-links{display:none}.app-footer{left:0}}@media(max-width:720px){.container{width:min(100% - 28px,1240px)}.hero h1{font-size:36px}.feature-grid,.steps,.stats-strip,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.app-header{padding:0 14px}.top-actions .search{display:none}.content{padding:14px}.page-head{align-items:flex-start;flex-direction:column}.login-visual{padding:28px}.login-card{padding:28px}.hero-actions{flex-direction:column}.stat-item{border-right:0}.bar-chart{gap:10px}}

@media (max-width:576px){html,body{max-width:100%;overflow-x:hidden}.hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%}.hero-actions .btn{box-sizing:border-box;width:100%;max-width:100%;justify-content:center;text-align:center;white-space:normal}.hero-grid,.hero-preview{max-width:100%;overflow-x:hidden}}

/* Feedback UI 2026 */
.alert{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 18px;border:1px solid var(--slate-200);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);position:relative}.alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-weight:900;flex:0 0 auto}.alert strong{display:block;font-size:15px;margin-bottom:2px}.alert p{margin:0;color:var(--slate-600)}.alert-success{border-color:#bbf7d0;background:linear-gradient(135deg,var(--green-50),#fff)}.alert-success .alert-icon{background:var(--green-100);color:var(--green-800)}.alert-error{border-color:#fecaca;background:linear-gradient(135deg,#fef2f2,#fff)}.alert-error .alert-icon{background:#fee2e2;color:#b91c1c}.alert-warning{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}.alert-warning .alert-icon{background:#ffedd5;color:#c2410c}.alert-info{border-color:#bae6fd;background:linear-gradient(135deg,#f0f9ff,#fff)}.alert-info .alert-icon{background:#e0f2fe;color:#0369a1}.alert-close{margin-left:auto;border:0;background:transparent;color:var(--slate-500);font-size:22px;line-height:1;cursor:pointer;padding:0 2px}.alert-close:hover{color:var(--slate-950)}
.toast-container{position:fixed;right:22px;top:22px;z-index:80;display:grid;gap:12px;width:min(380px,calc(100vw - 28px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--slate-200);border-radius:16px;background:#fff;box-shadow:var(--shadow);pointer-events:auto;animation:toast-in .22s ease-out}.toast strong{display:block;margin-bottom:2px}.toast p{margin:0;color:var(--slate-600)}.toast-success{border-color:#bbf7d0}.toast-error{border-color:#fecaca}.toast-warning{border-color:#fed7aa}.toast-info{border-color:#bae6fd}.toast .alert-icon{width:30px;height:30px;border-radius:10px}.toast-success .alert-icon{background:var(--green-100);color:var(--green-800)}.toast-error .alert-icon{background:#fee2e2;color:#b91c1c}.toast-warning .alert-icon{background:#ffedd5;color:#c2410c}.toast-info .alert-icon{background:#e0f2fe;color:#0369a1}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.field-error{display:block;margin-top:6px;color:#b91c1c;font-size:12px;font-weight:800}.input-error,.form-grid input.input-error,.form-grid select.input-error,.form-grid textarea.input-error{border-color:#ef4444!important;background:#fff7f7!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)}.field-help{display:block;margin-top:6px;color:var(--slate-500);font-size:12px}.validation-status{margin-top:12px}.is-loading{position:relative;opacity:.82;cursor:wait!important}.is-loading:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;margin-right:8px;animation:spin .65s linear infinite;vertical-align:-2px}.is-disabled,[disabled]{opacity:.65;cursor:not-allowed!important}@keyframes spin{to{transform:rotate(360deg)}}
.empty-state{display:grid;place-items:center;text-align:center;gap:8px;padding:34px 22px;border:1px dashed var(--slate-300);border-radius:18px;background:linear-gradient(135deg,#fff,var(--green-50));color:var(--slate-600)}.empty-state-icon{width:54px;height:54px;border-radius:18px;background:var(--green-100);color:var(--green-800);display:grid;place-items:center;font-weight:900;font-size:24px}.empty-state h3{margin:6px 0 0;color:var(--slate-950)}.empty-state p{margin:0;max-width:460px}
.confirm-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.42);backdrop-filter:blur(4px);z-index:90}.confirm-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:91;padding:20px}.confirm-modal[hidden],.confirm-modal-backdrop[hidden]{display:none}.confirm-modal-card{width:min(460px,100%);background:#fff;border:1px solid var(--slate-200);border-radius:20px;box-shadow:var(--shadow);padding:22px;display:grid;gap:16px}.confirm-modal-icon{width:48px;height:48px;border-radius:16px;background:#fff7ed;color:#c2410c;display:grid;place-items:center;font-size:24px;font-weight:900}.confirm-modal h2{margin:0}.confirm-modal p{margin:6px 0 0;color:var(--slate-600)}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.danger-action{background:linear-gradient(135deg,#dc2626,#991b1b)!important;color:#fff!important}.floating-flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:85;width:min(640px,calc(100vw - 28px))}.notice.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.notice.success{background:var(--green-50);border-color:#bbf7d0}.notice.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.notice.info{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}
@media(max-width:720px){.toast-container{right:14px;top:14px}.confirm-modal-card{padding:18px}.confirm-modal-actions{display:grid}.floating-flash{top:10px}}

/* Feedback polish */
.alert{display:grid!important;grid-template-columns:40px minmax(0,1fr) 34px;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 16px;border:1px solid var(--slate-200);border-left-width:5px;border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}
.alert-success{border-color:#bbf7d0!important;border-left-color:var(--green-700)!important;background:linear-gradient(135deg,var(--green-50),#fff)!important}
.alert-error{border-color:#fecaca!important;border-left-color:#dc2626!important;background:linear-gradient(135deg,#fef2f2,#fff)!important}
.alert-warning{border-color:#fed7aa!important;border-left-color:#f97316!important;background:linear-gradient(135deg,#fff7ed,#fff)!important}
.alert-info{border-color:#bae6fd!important;border-left-color:#0284c7!important;background:linear-gradient(135deg,#f0f9ff,#fff)!important}
.alert-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;font-size:18px;font-weight:900;line-height:1}
.alert-body{min-width:0}.alert strong{display:block;margin:1px 0 4px;font-size:15px;line-height:1.35}.alert p{margin:0;color:var(--slate-600);line-height:1.45}
.alert-close{appearance:none!important;width:32px;height:32px;margin:0;border:0!important;border-radius:10px;background:rgba(15,23,42,.05)!important;color:var(--slate-500)!important;font-size:20px;font-weight:800;line-height:1;display:grid;place-items:center;cursor:pointer}
.alert-close:hover,.alert-close:focus{background:rgba(15,23,42,.1)!important;color:var(--slate-950)!important;outline:2px solid transparent}

/* Data menu modal actions */
.btn-sm{padding:9px 12px;border-radius:10px;font-size:12px;line-height:1.1}.inline-form{margin:0}.action-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.data-table th.action-highlight{background:linear-gradient(135deg,var(--green-50),#fff);color:var(--green-800);box-shadow:inset 4px 0 0 #bbf7d0}.data-table td.action-highlight{background:linear-gradient(135deg,rgba(240,253,244,.82),#fff);box-shadow:inset 4px 0 0 #dcfce7}.menu-table td.action-highlight{min-width:190px}
.app-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.46);backdrop-filter:blur(5px);z-index:86}.app-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:87;padding:22px;overflow:auto}.app-modal[hidden],.app-modal-backdrop[hidden]{display:none}.app-modal-card{width:min(760px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid var(--slate-200);border-radius:20px;box-shadow:var(--shadow);padding:22px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.modal-header h2{margin:8px 0 3px}.modal-close{appearance:none;border:0;background:var(--slate-100);color:var(--slate-600);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:900;cursor:pointer}.modal-close:hover{background:#e2e8f0;color:var(--slate-950)}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-form .full-span,.modal-actions{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}.menu-edit-modal textarea{min-height:92px}
@media(max-width:720px){.action-row{display:grid}.app-modal{padding:14px}.app-modal-card{padding:18px;border-radius:16px}.modal-header{align-items:flex-start}.modal-form{grid-template-columns:1fr}.modal-actions{display:grid}}

/* Penilaian Xij validation */
.spk-score-input{min-width:82px!important;width:92px!important;text-align:right;font-variant-numeric:tabular-nums}.spk-input-error{border-color:#ef4444!important;background:#fff7f7!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}.spk-field-error{display:block;margin-top:6px;color:#b91c1c;font-size:11px;font-weight:800;line-height:1.35}.spk-row-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;white-space:nowrap}.spk-badge-valid{background:var(--green-100);color:var(--green-800)}.spk-badge-warning{background:#fff7ed;color:#c2410c}.spk-badge-error{background:#fef2f2;color:#b91c1c}.spk-alert:not(.alert){border:1px solid var(--slate-200);border-radius:16px;padding:14px 16px;font-weight:800}.spk-alert-success{background:var(--green-50);border-color:#bbf7d0;color:var(--green-800)}.spk-alert-warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.spk-alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.spk-alert-info{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.spk-empty-state{border-radius:18px}.spk-th-note{display:block;margin-top:4px;color:#c2410c;font-size:11px;font-weight:800;line-height:1.25}.spk-penilaian-table th,.spk-penilaian-table td{vertical-align:top}.spk-criteria-notes{display:grid;gap:6px;margin-top:14px;padding:14px;border:1px solid var(--slate-200);border-radius:14px;background:var(--slate-50);color:var(--slate-600);font-weight:700}.spk-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spk-summary-grid>div{padding:14px;border:1px solid var(--slate-200);border-radius:14px;background:linear-gradient(135deg,#fff,var(--slate-50))}.spk-summary-grid h2{margin:0;font-size:24px}.spk-summary-grid p{margin:3px 0 0;color:var(--slate-500);font-weight:800}.spk-summary-wide{grid-column:1/-1}
@media(max-width:720px){.spk-summary-grid{grid-template-columns:1fr}.spk-score-input{width:100%!important;text-align:left}}

/* AHP Saaty matrix */
.ahp-select,.ahp-diagonal{min-width:88px!important;width:100px!important;text-align:center;font-weight:900;font-variant-numeric:tabular-nums}.ahp-select{padding:0 10px!important;color:var(--green-900);background:linear-gradient(135deg,#fff,var(--green-50))!important;border-color:#bbf7d0!important}.ahp-diagonal{background:var(--slate-100)!important;color:var(--slate-600)!important;border-color:var(--slate-200)!important}.comparison-matrix select.input{appearance:auto}.comparison-matrix .field-error{min-width:120px;text-align:left}

/* SPK process flow */
.spk-flow-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.spk-step{border:1px solid var(--slate-200);border-radius:14px;background:linear-gradient(135deg,#fff,var(--slate-50));padding:14px;min-height:118px}.spk-step strong{display:block;margin:10px 0 4px}.spk-step p{margin:0;color:var(--slate-500);font-size:12px}.spk-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.spk-status-success{background:var(--green-100);color:var(--green-800)}.spk-status-warning{background:#fff7ed;color:#c2410c}.spk-status-error{background:#fef2f2;color:#b91c1c}.spk-status-locked{background:var(--slate-100);color:var(--slate-600)}.spk-wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spk-guide-pair{border:1px solid var(--slate-200);border-radius:14px;background:linear-gradient(135deg,#fff,var(--green-50));padding:14px;display:grid;gap:10px}.spk-guide-pair label{display:grid;gap:6px;font-weight:800;font-size:12px}.spk-guide-pair .input{width:100%;min-width:0}
@media(max-width:1100px){.spk-flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spk-wizard-grid{grid-template-columns:1fr}}@media(max-width:720px){.spk-flow-grid{grid-template-columns:1fr}}