:root{--bg:#f7f5f2;--surface:#fff;--border:#e7e1d8;--text:#1c1917;--text-muted:#78716c;--accent:#f2600c;--accent-hover:#d6540a;--accent-bg:#fff1e6;--success:#15803d;--success-bg:#dcfce7;--danger:#b91c1c;--danger-bg:#fee2e2;--warning:#92400e;--warning-bg:#fef3c7;--neutral-bg:#f1ede7;--radius:6px;--sidebar-width:220px;--header-height:60px;--sidebar-bg:var(--surface);--sidebar-border:var(--border);--sidebar-text:var(--text);--sidebar-text-muted:var(--text-muted);--sidebar-active-bg:var(--accent-bg);--sidebar-active-text:var(--accent)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0}button{font-family:inherit}.admin-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;flex-shrink:0;display:flex}.sidebar img{margin:15px auto;display:flex}.sidebar-brand{color:var(--sidebar-text);border-bottom:1px solid var(--sidebar-border);padding:20px;font-size:15px;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;padding:12px;display:flex}.sidebar-link{border-radius:var(--radius);color:var(--sidebar-text-muted);align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;display:flex}.sidebar-link:hover{background:var(--neutral-bg);color:var(--sidebar-text)}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.header{height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.menu-toggle{cursor:pointer;color:var(--text);border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:none}.menu-toggle:hover{background:var(--neutral-bg)}.sidebar-overlay{display:none}.header-title{font-size:16px;font-weight:600}.header-user{color:var(--text-muted);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.content{flex:1;width:100%;max-width:1200px;padding:24px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header h1{font-size:20px;font-weight:600}.page-header-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card-label{color:var(--text-muted);font-size:12.5px;font-weight:500}.stat-card-value{margin-top:6px;font-size:26px;font-weight:600}.section{margin-bottom:24px}.section-title{margin-bottom:12px;font-size:14px;font-weight:600}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead{background:var(--neutral-bg)}th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:10px 16px;font-size:12.5px;font-weight:600}td{border-top:1px solid var(--border);white-space:nowrap;padding:12px 16px}tbody tr:hover{background:#fbf9f6}.table-link{color:var(--text);border-bottom:1px dashed var(--border);font-weight:500}.table-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{background:var(--success-bg);color:var(--success)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-neutral{background:var(--neutral-bg);color:var(--text-muted)}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:500;transition:background-color .1s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--neutral-bg)}.btn-danger{background:var(--surface);border-color:var(--border);color:var(--danger)}.btn-danger:hover{background:var(--danger-bg)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.icon-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--neutral-bg);color:var(--text)}.actions-cell{gap:6px;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}label{color:var(--text);font-size:13px;font-weight:500}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:8px 10px;font-family:inherit;font-size:13.5px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.form-actions{gap:10px;margin-top:20px;display:flex}.form-hint{color:var(--text-muted);font-size:12px}.checkbox-row{align-items:center;gap:8px;display:flex}.checkbox-row input{width:auto}.state-message{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:13.5px}.state-message.error{color:var(--danger)}.filters-bar{gap:12px;margin-bottom:16px;display:flex}.filters-bar select{min-width:160px}.modal-overlay{z-index:100;background:#0f121966;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:460px;max-width:90vw;max-height:85vh;padding:20px 24px;overflow-y:auto;box-shadow:0 8px 24px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h2{font-size:16px;font-weight:600}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;display:flex}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.detail-header h1{font-size:20px;font-weight:600}.detail-btn{gap:5px;display:flex}.detail-meta{align-items:center;gap:10px;margin-top:6px;display:flex}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.detail-item-label{color:var(--text-muted);font-size:12px;font-weight:500}.detail-item-value{margin-top:4px;font-size:15px;font-weight:600}.feature-list{flex-direction:column;gap:10px;display:flex}.feature-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.feature-row:last-child{border-bottom:none}.timeline{flex-wrap:wrap;align-items:center;gap:8px;padding:16px 0;display:flex}.timeline-step{background:var(--neutral-bg);border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:500}.timeline-arrow{color:var(--text-muted)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:360px;padding:32px}.login-card h1{margin-bottom:4px;font-size:18px;font-weight:600}.login-card p{color:var(--text-muted);margin-bottom:24px;font-size:13px}.login-card .btn-primary{justify-content:center;width:100%;margin-top:8px}.text-muted{color:var(--text-muted)}.mb-16{margin-bottom:16px}.settings-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.settings-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.settings-tab:hover{color:var(--text)}.settings-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.settings-content{width:100%}.toast-viewport{z-index:1000;flex-direction:column;gap:10px;width:calc(100% - 40px);max-width:360px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--text-muted);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:12px 14px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 8px 24px #0000001f}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;margin-top:1px}.toast-body{flex:1;min-width:0}.toast-title{margin-bottom:2px;font-size:13.5px;font-weight:600}.toast-message{color:var(--text-muted);word-break:break-word;font-size:13px}.toast-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;padding:2px;display:flex}.toast-close:hover{color:var(--text)}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left-color:var(--accent)}.toast-info .toast-icon{color:var(--accent)}@media (width<=860px){.sidebar{z-index:1000;height:100vh;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #00000026}.sidebar.open{transform:translate(0)}.menu-toggle{display:inline-flex}.sidebar-overlay{z-index:999;background:#0006;display:block;position:fixed;inset:0}.form-row{grid-template-columns:1fr}}