:root{--brand:#174b38;--accent:#4f8a55;--canvas:#f4f7f4;--ink:#26372f;--muted:#748078;--line:#e2e9e4;--surface:#fff;--danger:#a34242;--shadow:0 10px 30px rgba(24,59,40,.06);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.5}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:258px;flex-direction:column;padding:25px 17px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;min-width:0;padding:3px 8px 27px;color:var(--ink)}.brand:hover{text-decoration:none}.brand img,.brand-mark{width:43px;height:43px;flex:0 0 43px;object-fit:contain;border-radius:13px;background:#edf5ef;padding:6px}.brand-mark{display:grid;place-items:center;background:var(--brand);color:#fff;font-size:26px}.brand strong,.brand small{display:block;overflow:hidden;text-overflow:ellipsis}.brand strong{font-size:15px;letter-spacing:.01em}.brand small{max-width:165px;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:9px;color:#5a6860;font-weight:600}.nav-link span{width:18px;color:#77927e;text-align:center;font-size:16px}.nav-link:hover{background:#f2f7f3;text-decoration:none;color:var(--brand)}.nav-link.active{background:#e9f3ec;color:var(--brand)}.nav-link.active span{color:var(--brand)}.sidebar-footer{margin-top:auto;padding:16px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.main-area{min-height:100vh;margin-left:258px;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;min-height:74px;padding:12px clamp(20px,4vw,48px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.93);backdrop-filter:blur(14px)}.topbar>div{display:grid;gap:1px}.topbar strong{font-size:14px}.topbar small{color:var(--muted);font-size:12px;text-transform:capitalize}.topbar form{margin-left:auto}.mobile-menu{display:none}.page-wrap{width:min(100%,1440px);margin:0 auto;padding:36px clamp(20px,4vw,48px) 46px;flex:1}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading h1{margin:5px 0 6px;color:#1c392b;font-size:clamp(25px,3vw,32px);line-height:1.18;letter-spacing:-.035em}.page-heading p{margin:0;color:var(--muted);font-size:14px}.eyebrow{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.13em}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:9px;padding:9px 15px;border:1px solid transparent;border-radius:8px;font-weight:700;cursor:pointer;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px);text-decoration:none}.button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 42%,transparent);outline-offset:2px}.button-primary{background:var(--brand);color:white;box-shadow:0 5px 12px color-mix(in srgb,var(--brand) 16%,transparent)}.button-primary:hover{background:color-mix(in srgb,var(--brand) 88%,black);color:white}.button-secondary{border-color:var(--line);background:#fff;color:var(--ink)}.button-quiet{background:transparent;color:#65736a}.button-danger{background:#fff2f1;color:var(--danger)}.button-small{min-height:32px;padding:6px 10px;font-size:12px}.button-wide{width:100%;min-height:46px;margin-top:8px}.icon-button{width:39px;height:39px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand);cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:20px}.stat-card,.panel{border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.stat-card{position:relative;display:grid;gap:7px;min-height:160px;padding:21px 23px}.stat-icon{position:absolute;top:20px;right:22px;display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#edf5ef;color:var(--brand);font-size:22px}.stat-label{color:var(--muted);font-weight:650}.stat-card>strong{color:var(--brand);font-size:30px;letter-spacing:-.04em}.stat-card>small{color:var(--muted);font-size:12px}.stat-card-soft{background:linear-gradient(135deg,#fff,#f5f9f5)}.welcome-panel{display:flex;align-items:center;gap:20px;padding:25px}.welcome-icon{display:grid;width:58px;height:58px;flex:0 0 58px;place-items:center;border-radius:17px;background:#eaf3eb;color:var(--brand);font-size:35px}.welcome-panel h2{margin:5px 0;font-size:19px}.welcome-panel p{max-width:680px;margin:0;color:var(--muted)}.footer{padding:16px 25px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center}.footer span{padding:0 6px;color:#b5c0b8}.notice{margin-bottom:18px;padding:12px 15px;border:1px solid #cce4d0;border-radius:9px;background:#edf7ef;color:#315b3b}.panel{overflow:hidden}.table-panel{padding:17px 20px 4px}.search-row{display:flex;gap:9px;margin-bottom:15px}.search-row input{max-width:350px;flex:1}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:12px 13px;background:#f4f8f5;color:#69776e;font-size:11px;letter-spacing:.07em;text-transform:uppercase}td{padding:14px 13px;border-top:1px solid #edf1ee;vertical-align:middle}td strong,td small{display:block}.table-subtitle{margin-top:3px;color:var(--muted);font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.action-column{width:150px}.row-actions{display:flex;align-items:center;gap:7px}.row-actions form{display:inline}.status-pill{display:inline-flex;padding:5px 9px;border-radius:30px;background:#edf5ef;color:#3f7449;font-size:11px;font-weight:750}.empty-state{padding:38px!important;color:var(--muted);text-align:center}.pagination-wrap{padding:18px 5px}.pagination-wrap nav{display:flex;justify-content:flex-end}.pagination-wrap nav>div:first-child{display:none}.pagination-wrap nav span,.pagination-wrap nav a{display:inline-flex;min-width:34px;min-height:34px;align-items:center;justify-content:center;margin-left:4px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink)}.form-panel{padding:25px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px}.field{display:grid;gap:7px}.field-full{grid-column:1/-1}.field label,.form-stack label{font-size:13px;font-weight:700}.field label span{color:#b34a44}.field input,.field select,.field textarea,.form-stack input,.search-row input{width:100%;min-height:42px;padding:10px 12px;border:1px solid #d9e2dc;border-radius:8px;background:#fff;color:var(--ink)}.field textarea{resize:vertical}.field input[type=file]{padding:8px}.field-help{color:var(--muted);font-size:11px}.field-error{color:#a63e3e;font-size:12px}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.section-heading{margin-bottom:20px}.section-heading h2{margin:5px 0 0;font-size:18px}.settings-layout .field{margin-bottom:18px}.color-field{display:grid;grid-template-columns:1fr auto 77px;align-items:center;gap:12px;min-height:53px;border-bottom:1px solid #edf1ee}.color-field label{font-size:13px;font-weight:650}.color-field input{width:42px;height:34px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.color-field code{color:var(--muted);font-size:12px}.settings-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px}.upload-preview{display:grid;min-height:88px;place-items:center;margin-top:9px;border:1px dashed #c8d7cb;border-radius:9px;background:#f8fbf8;color:var(--muted);font-size:12px}.upload-preview img{max-width:110px;max-height:78px;object-fit:contain}.theme-preview{display:grid;gap:11px;margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--canvas)}.theme-preview>span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em}.theme-preview strong{font-size:14px}.theme-preview .button{justify-self:start}.form-stack{display:grid;gap:9px}.login-page{display:grid;min-height:100vh;place-items:center;padding:25px;background:radial-gradient(ellipse at 20% 12%,color-mix(in srgb,var(--accent) 12%,white),transparent 42%),var(--canvas)}.login-card{width:min(100%,440px);padding:34px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 24px 65px rgba(24,59,40,.13)}.login-brand{padding:0 0 23px;border-bottom:1px solid var(--line)}.login-intro{padding:22px 0 17px}.login-intro h1{margin:5px 0;font-size:27px;letter-spacing:-.035em}.login-intro p,.login-footnote{margin:0;color:var(--muted)}.login-footnote{margin-top:22px;font-size:12px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dark-mode{--canvas:#17221c;--ink:#e4ece6;--muted:#a3b2a8;--line:#34463a;--surface:#202e25}.dark-mode .topbar{background:rgba(32,46,37,.94)}.dark-mode .page-heading h1,.dark-mode .welcome-panel h2{color:#e3eee5}.dark-mode .nav-link{color:#bfccc2}.dark-mode .nav-link:hover,.dark-mode .nav-link.active{background:#304538;color:#dff0e2}.dark-mode th,.dark-mode .button-secondary,.dark-mode .field input,.dark-mode .field select,.dark-mode .field textarea,.dark-mode .form-stack input,.dark-mode .search-row input{background:#26372c;color:var(--ink);border-color:var(--line)}.dark-mode .stat-card-soft,.dark-mode .login-page{background:var(--canvas)}.dark-mode .welcome-icon,.dark-mode .stat-icon,.dark-mode .brand img{background:#304538;color:#dff0e2}.dark-mode .button-quiet{color:#c3cec6}
@media(max-width:1000px){.sidebar{width:220px}.main-area{margin-left:220px}.settings-layout{grid-template-columns:1fr}.settings-actions{grid-column:auto}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{min-height:64px;padding:10px 16px}.mobile-menu{display:block}.page-wrap{padding:25px 16px 32px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading>.button{align-self:stretch}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{min-height:148px;padding:17px}.stat-card>strong{font-size:24px}.stat-icon{top:14px;right:14px;width:34px;height:34px}.welcome-panel{align-items:flex-start;padding:19px}.table-panel{padding:12px 12px 2px}.row-actions{flex-direction:column;align-items:stretch}.action-column{width:105px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.form-panel{padding:19px}.search-row{flex-wrap:wrap}.search-row input{max-width:none;flex-basis:100%}.login-card{padding:26px 22px}}
@media(max-width:410px){.stat-grid{grid-template-columns:1fr}.topbar .button-quiet{font-size:12px}.color-field{grid-template-columns:1fr auto 70px}}