@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--ink:#1f1b18;--ink-secondary:#4a433d;--muted:#6f655d;--primary:#f26a1b;--primary-dark:#d95308;--primary-ink:#b8480a;--scroll-track:#fdf0e6;--scroll-thumb:#f0a877;--scroll-thumb-hover:var(--primary);--primary-light:#ff8c42;--primary-subtle:#fff3ec;--primary-glow:#f26a1b29;--line:#fae6d8;--line-strong:#edd0bd;--paper:#fffaf6;--white:#fff;--card:#fff;--radius:10px;--radius-lg:16px;--shadow-xs:0 1px 3px #2d1e0f0a;--shadow-sm:0 2px 8px #2d1e0f0f;--shadow-md:0 6px 20px #f26a1b17;--shadow-lg:0 14px 40px #2d1e0f1f;--transition:.2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scroll-track)}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1160px;margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid var(--line);background:var(--white);z-index:200;justify-content:space-between;align-items:center;height:74px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:auto;height:40px}.brand-badge{background:var(--primary-subtle);color:var(--primary-ink);letter-spacing:.04em;border:1px solid var(--line-strong);border-radius:999px;align-items:center;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.nav-links{align-items:center;gap:20px;font-size:14px;font-weight:700;display:flex}.nav-links a:not(.btn){color:var(--muted);transition:color var(--transition)}.nav-links a:not(.btn):hover{color:var(--primary-ink)}.btn{border:1.5px solid var(--primary);border-radius:var(--radius);color:var(--white);min-height:44px;transition:all var(--transition);box-shadow:0 2px 8px var(--primary-glow);background:linear-gradient(135deg,#c2500b 0%,#a84309 100%);justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){box-shadow:0 6px 18px var(--primary-glow);background:linear-gradient(135deg,#d2570c 0%,#b8480a 100%);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.secondary{background:var(--white);color:var(--primary-ink);border-color:var(--line-strong);box-shadow:var(--shadow-xs)}.btn.secondary:hover:not(:disabled){background:var(--primary-subtle);border-color:var(--primary-ink);color:var(--primary-ink)}.btn-sm{min-height:38px;padding:8px 16px;font-size:13px}.submit-btn{border-radius:12px;align-self:flex-start;width:auto;margin-top:0;padding:15px 32px;font-size:16px}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:52px;padding-top:72px;padding-bottom:96px;display:grid}.eyebrow{color:var(--primary-ink);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.05em;color:var(--ink);margin:0 0 20px;font-size:clamp(40px,5.5vw,68px);line-height:1.06}.hero p{color:var(--muted);max-width:520px;margin:0 0 32px;font-size:18px;line-height:1.6}.hero-note{color:var(--muted);border-left:3px solid var(--primary);background:var(--primary-subtle);border-radius:0 8px 8px 0;max-width:520px;margin:-18px 0 28px;padding:10px 14px;font-size:13.5px;line-height:1.55}.hero-note a{color:var(--primary-ink);font-weight:700;text-decoration:underline}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-art{border:1.5px solid var(--line);border-radius:var(--radius-lg);min-height:400px;box-shadow:var(--shadow-md);background:linear-gradient(145deg,#fff2e8 0%,#ffe5d3 100%);flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:relative;overflow:hidden}.hero-art:before,.hero-art:after{content:"";pointer-events:none;border:2px solid #f26a1b26;border-radius:50%;width:360px;height:360px;position:absolute}.hero-art:before{transform:translate(100px,-90px)}.hero-art:after{transform:translate(-100px,110px)}.hero-badge-wrap{z-index:1;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;display:flex;position:relative}.hero-art-logo{object-fit:contain;width:auto;height:48px}.hero-art-sub{letter-spacing:.15em;text-transform:uppercase;color:var(--primary-ink);background:var(--white);box-shadow:var(--shadow-xs);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.hero-art strong{z-index:1;color:var(--primary-ink);letter-spacing:-.08em;font-size:clamp(72px,9vw,130px);line-height:.9;position:relative}.form-page{max-width:820px;margin:0 auto;padding:56px 24px 96px}.page-title{letter-spacing:-.045em;color:var(--ink);margin:8px 0 10px;font-size:clamp(32px,4.5vw,48px);line-height:1.15}.lead{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.6}.form{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:38px;padding:38px 40px;display:flex}.form-section-title{letter-spacing:-.02em;color:var(--ink);border-bottom:1px solid var(--line);align-items:center;gap:12px;margin:0 0 22px;padding-bottom:10px;font-size:19px;font-weight:800;display:flex}.form-section-number{width:30px;height:30px;color:var(--white);background:linear-gradient(135deg,#c2500b 0%,#a84309 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px 22px;display:grid}.field{flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex;position:relative}.field.full{grid-column:1/-1}.field-label{color:var(--ink);align-items:center;font-size:13.5px;font-weight:700;display:flex;position:relative}.required{color:#dc2626;margin-left:2px;font-weight:800}.field input,.field select,.field textarea,.search{border-radius:var(--radius);background:var(--white);width:100%;color:var(--ink);min-height:46px;transition:all var(--transition);border:1.5px solid #ded4cb;padding:11px 14px;font-size:14px}.field input::placeholder,.field textarea::placeholder{color:#776c62;font-weight:400}.field input:hover,.field select:hover,.field textarea:hover{border-color:#bfaea0}.field input:focus,.field select:focus,.field textarea:focus,.search:focus{border-color:var(--primary-ink);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.field textarea{resize:vertical;min-height:84px;line-height:1.5}.input-suffix-wrap{border-radius:var(--radius);transition:all var(--transition);background:var(--white);border:1.5px solid #ded4cb;align-items:stretch;display:flex;overflow:hidden}.input-suffix-wrap:hover{border-color:#bfaea0}.input-suffix-wrap:focus-within{border-color:var(--primary-ink);box-shadow:0 0 0 3px var(--primary-glow)}.input-with-suffix{flex:1;min-height:44px;box-shadow:none!important;border:none!important;border-radius:0!important}.input-with-suffix:focus{outline:none;box-shadow:none!important}.input-suffix{color:var(--primary-ink);letter-spacing:-.01em;white-space:nowrap;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#fff3ec 0%,#ffe9dc 100%);border-left:1.5px solid #ded4cb;align-items:center;padding:0 14px;font-size:13px;font-weight:700;display:flex}.hint{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;line-height:1.4}.sih-link{color:var(--primary-ink);text-underline-offset:2px;transition:color var(--transition);font-weight:600;text-decoration:underline}.sih-link:hover{color:var(--primary-ink)}.custom-select{width:100%;position:relative}.custom-select-trigger{border-radius:var(--radius);background:var(--white);width:100%;color:var(--ink);cursor:pointer;min-height:46px;transition:all var(--transition);text-align:left;border:1.5px solid #ded4cb;justify-content:space-between;align-items:center;padding:11px 14px;font-size:14px;font-weight:500;display:flex}.custom-select-trigger:hover{border-color:#bfaea0}.custom-select-trigger.open{border-color:var(--primary-ink);box-shadow:0 0 0 3px var(--primary-glow);border-bottom-right-radius:0;border-bottom-left-radius:0}.custom-select-trigger:not(.has-value) .custom-select-text{color:#776c62;font-weight:400}.custom-select-chevron{color:var(--muted);flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.custom-select-trigger.open .custom-select-chevron{color:var(--primary-ink);transform:rotate(180deg)}.custom-select-dropdown{background:var(--white);border:1.5px solid var(--primary);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;border-top:none;max-height:260px;margin:0;padding:6px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#ded4cb;border-radius:3px}.custom-select-option{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;padding:11px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.custom-select-option.focused,.custom-select-option:hover{background:var(--primary-subtle)}.custom-select-option.selected{color:var(--primary-ink);font-weight:700}.custom-select-option.selected.focused,.custom-select-option.selected:hover{background:#ffe6d5}.custom-select-check{color:var(--primary-ink);flex-shrink:0}.info-tip{vertical-align:middle;align-items:center;margin-left:5px;display:inline-flex;position:relative}.info-tip-icon{color:#776c62;cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:inline-flex}.info-tip-icon:hover,.info-tip-icon:focus-visible{color:var(--primary-ink);background:var(--primary-subtle);outline:none}.info-tip-bubble{color:#fffaf5;white-space:normal;z-index:1000;pointer-events:auto;text-align:left;word-wrap:break-word;background:#25201b;border-radius:8px;width:max-content;max-width:min(290px,85vw);padding:10px 14px;font-size:12px;font-weight:500;line-height:1.45;animation:.15s cubic-bezier(.4,0,.2,1) tip-in;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}@keyframes tip-in{0%{opacity:0;transform:translate(-50%)translateY(6px)}}.info-tip-bubble:after{content:"";border:6px solid #0000;border-top-color:#25201b;position:absolute;top:100%;left:50%;transform:translate(-50%)}.info-tip-bubble a,.tooltip-link{color:#fba46b;pointer-events:auto;font-weight:600;text-decoration:underline;transition:color .15s}.info-tip-bubble a:hover,.tooltip-link:hover{color:#fed7aa}.consent-notice{color:var(--muted);background:var(--primary-subtle);border:1px solid var(--line-strong);border-radius:var(--radius);margin-bottom:18px;padding:16px 18px;font-size:13px;line-height:1.6}.consent-notice p{margin:0 0 9px}.consent-notice p:last-child{margin-bottom:0}.consent-notice strong{color:var(--ink)}.check{color:var(--muted);align-items:flex-start;gap:12px;margin:0;font-size:13.5px;line-height:1.5;display:flex}.check input{accent-color:var(--primary-ink);flex-shrink:0;width:18px;height:18px;margin-top:3px}.notice{border-radius:var(--radius);background:var(--primary-subtle);border:1px solid var(--line-strong);color:var(--primary-ink);align-items:center;gap:10px;margin:18px 0 10px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.notice.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.notice-icon{color:var(--primary-ink);flex-shrink:0}.footer{border-top:1px solid var(--line);color:var(--muted);background:var(--white);margin-top:auto;padding:28px 0;font-size:13px}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-logo{object-fit:contain;width:auto;height:28px}.footer-right{align-items:center;gap:20px;display:flex}.footer-link{color:var(--primary-ink);white-space:nowrap;transition:color var(--transition);font-weight:700}.footer-link:hover{color:var(--primary-ink);text-decoration:underline}.auth-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;display:flex}.auth-actions a,.text-button{color:var(--primary-ink);font-size:14px;font-weight:700}.text-button{background:0 0;border:0;padding:0;text-decoration:underline}.auth-actions a:hover,.text-button:hover{text-decoration:underline}.dashboard{padding:48px 24px 90px}.dashboard-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.dashboard-actions{gap:12px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0;display:grid}.metric{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);transition:transform var(--transition), box-shadow var(--transition);padding:22px}.metric:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric b{letter-spacing:-.05em;color:var(--ink);margin:8px 0;font-size:36px;display:block}.metric span{color:var(--muted);font-size:13px;font-weight:600}.insights{grid-template-columns:1fr 1fr;gap:20px;display:grid}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel h2{color:var(--ink);margin:0 0 20px;font-size:18px}.bar-row{grid-template-columns:130px 1fr 35px;align-items:center;gap:12px;margin:12px 0;font-size:13px;display:grid}.bar{background:#f4e8dc;border-radius:8px;height:8px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:8px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);display:block}.table-wrap{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-top:20px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:15px}th{color:var(--muted);background:#fdf6f0;font-weight:700}.table-wrap:focus-visible{outline:3px solid var(--line-strong);outline-offset:3px}.table-hint{color:var(--muted);margin:18px 0 -10px;font-size:13px;display:none}.filters{gap:12px;margin-top:32px;display:flex}.filters form{flex:1;gap:12px;display:flex}.filters .search{max-width:400px}.empty{color:var(--muted);padding:38px}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 8px;display:flex}.pager-status{color:var(--muted);margin:0;font-size:13.5px}.pager-status b{color:var(--ink)}.pager-controls{align-items:center;gap:10px;display:flex}.pager-page{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}.btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:860px){.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:64px}.hero-art{min-height:280px}.metrics,.insights{grid-template-columns:1fr 1fr}}@media (max-width:600px){.shell{padding:0 16px}.nav{height:64px}.brand-logo{height:32px}.brand-badge{display:none}.hero h1{font-size:38px}.hero p{font-size:16px}.form-page{padding:32px 16px 64px}.form{border-radius:12px;gap:30px;padding:24px 18px}.form-grid{grid-template-columns:1fr;gap:18px}.form-section-title{margin-bottom:18px}.field.full{grid-column:auto}.submit-btn{width:100%}.hero-actions,.dashboard-head,.dashboard-actions,.filters,.filters form{flex-wrap:wrap}.metrics,.insights{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start;gap:14px}.table-hint{display:block}.pager{flex-direction:column;align-items:stretch}.pager-controls{justify-content:space-between}.info-tip{position:static}.info-tip-bubble{width:auto;max-width:none;animation-name:tip-in-edge;inset:100% 0 auto;transform:none}@keyframes tip-in-edge{0%{opacity:0;transform:translateY(-6px)}}.info-tip-bubble:after{display:none}}@media (max-width:400px){.nav{gap:8px}.brand-logo{height:26px}.nav-links a:not(.btn){display:none}.nav-links{gap:12px;font-size:13px}.btn-sm{padding:8px 12px;font-size:12.5px}.hero h1{font-size:32px}.hero-actions .btn{width:100%}.input-suffix{padding:0 10px;font-size:12px}}