:root{--page-bg: #f4f5f8;--surface: #ffffff;--surface-2: #f0f1f5;--border: #e2e4ea;--text: #14151a;--text-muted: #6b7080;--accent: #7c6cf6;--accent-hover: #6555e6;--accent-soft: rgba(124, 108, 246, .1);--danger-soft: rgba(220, 38, 38, .08);--danger: #dc2626;--success: #16a34a;--success-soft: rgba(22, 163, 74, .08);--warning: #ca8a04;--radius: 14px;--radius-sm: 9px;--header-h: 56px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--tap: 44px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{margin:0;background:var(--page-bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;letter-spacing:-.01em}img,svg{max-width:100%}a{color:var(--accent)}h1,h2,h3{margin:0;line-height:1.25;font-weight:700;letter-spacing:-.02em}h1{font-size:21px}h2{font-size:18px}h3{font-size:15px}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:16px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 12px;width:100%;min-height:var(--tap)}select:required:invalid{color:var(--text-muted)}select option{color:var(--text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{min-height:80px;max-height:400px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;min-height:auto;flex-shrink:0;accent-color:var(--accent)}label{font-size:14px}.container{width:100%;min-width:0;max-width:720px;margin:0 auto;padding:var(--sp-4)}@media (min-width: 640px){.container{padding:var(--sp-5)}}.page-head{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--sp-4)}.page-head p{margin:0;color:var(--text-muted);font-size:13px}.stack{display:grid;gap:var(--sp-4)}.list-stack{display:grid;gap:var(--sp-3)}.alert{padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);font-size:14px}.alert.success{border-color:var(--success);background:#16a34a14;color:var(--success)}.alert.danger{border-color:var(--danger);background:#dc262614;color:var(--danger)}.btn{border:none;border-radius:var(--radius-sm);padding:10px 16px;min-height:var(--tap);background:var(--accent);color:#fff;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.btn.secondary:hover{background:var(--surface);border-color:var(--accent)}.btn.block{width:100%}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b91c1c}.btn.sm{min-height:36px;padding:6px 12px;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);box-shadow:0 1px 2px #14151a0a;min-width:0;overflow-wrap:anywhere}.card>*{min-width:0}.muted{color:var(--text-muted)}.form-grid{display:grid;gap:var(--sp-3)}@media (min-width: 560px){.form-row{display:flex;gap:var(--sp-3);align-items:center}.form-row>*{flex:1}}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.checkbox-row{display:flex;align-items:center;gap:var(--sp-2);padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;min-height:var(--tap);font-size:14px}.checkbox-row.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.scroll-x{display:flex;min-width:0;gap:var(--sp-2);overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.scroll-x>*{flex:0 0 auto}.nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);min-width:0}@media (min-width: 560px){.nav-grid{grid-template-columns:repeat(6,1fr)}}.nav-grid a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:600;min-height:44px;padding:6px 8px}.nav-grid a.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.list-item{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-1);border-bottom:1px solid var(--border);cursor:pointer;min-height:var(--tap)}.list-item:hover{background:var(--surface-2)}.list-item:last-child{border-bottom:none}.list-item-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:8px;flex-shrink:0}.list-item-dot.read{background:transparent}.list-item-body{min-width:0;flex:1}.list-item-top{display:flex;justify-content:space-between;gap:var(--sp-2)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060a99;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}@media (min-width: 640px){.modal-overlay{align-items:center;padding:var(--sp-4)}}.modal-panel{background:var(--surface);border:1px solid var(--border);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;border-radius:18px 18px 0 0;padding:var(--sp-5);display:grid;gap:var(--sp-2);box-shadow:0 8px 30px #14151a2e}@media (min-width: 640px){.modal-panel{border-radius:var(--radius)}}.password-field{position:relative;min-width:0}.password-field input{padding-right:40px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;font-size:16px;min-width:var(--tap);min-height:var(--tap);display:flex;align-items:center;justify-content:center;opacity:.45}.password-toggle.active{opacity:1}.hover-action-btn{opacity:0;transition:opacity .15s}.hover-card:hover .hover-action-btn,.hover-action-btn:focus-visible{opacity:1}@media (hover: none){.hover-action-btn{opacity:1}}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;min-width:var(--tap);min-height:var(--tap)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.badge.accent{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.badge.warning{color:var(--warning);border-color:var(--warning)}.badge.danger{color:var(--danger);border-color:var(--danger)}.badge.success{color:var(--success);border-color:var(--success)}table{width:100%;border-collapse:collapse}.table-wrap{overflow-x:auto}.data-table th,.data-table td{padding:10px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border);font-size:13px}.data-table th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.data-table tbody tr.row-success{background:var(--success-soft);box-shadow:inset 3px 0 0 var(--success)}.data-table tbody tr.row-danger{background:var(--danger-soft);box-shadow:inset 3px 0 0 var(--danger)}.data-table tbody tr:last-child td{border-bottom:none}.admin-shell{min-height:100%;display:flex;flex-direction:column}.admin-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:0 var(--sp-5);height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);min-width:0}.admin-body{flex:1;display:flex;min-width:0}.admin-sidebar{display:none}.admin-main{flex:1;min-width:0;padding:var(--sp-4)}.admin-mobile-nav{margin-bottom:var(--sp-4)}@media (min-width: 900px){.admin-sidebar{display:flex;flex-direction:column;gap:var(--sp-1);width:220px;flex-shrink:0;padding:var(--sp-5) var(--sp-3);border-right:1px solid var(--border);position:sticky;top:var(--header-h);align-self:flex-start;height:calc(100vh - var(--header-h));overflow-y:auto}.admin-mobile-nav{display:none}.admin-main{padding:var(--sp-5) var(--sp-6);max-width:1080px}}.admin-nav-item{display:block;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:600}.admin-nav-item:hover{background:var(--surface-2);color:var(--text)}.admin-nav-item.active{background:var(--accent-soft);color:var(--accent)}.admin-grid{display:grid;gap:var(--sp-3);grid-template-columns:1fr}@media (min-width: 720px){.admin-grid.cols-2{grid-template-columns:1fr 1fr}}@media (min-width: 960px){.admin-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.link-btn{display:inline-flex;align-items:center;background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;transition:background .15s ease,color .15s ease}.link-btn:hover{background:var(--accent);color:#fff}