:root{--bg: #f4f5f8;--surface: #ffffff;--surface-hover: #fafbfc;--text: #1a1b1e;--muted: #6b7280;--border: #e5e7eb;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef0ff;--danger: #e03131;--danger-soft: #fdeaea;--success: #2b8a3e;--success-soft: #e7f7ea;--warn-soft: #fff6d8;--warn-text: #7a5b00;--shadow: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);--shadow-md: 0 4px 10px rgba(16,24,40,.08);--radius: 12px;--radius-sm: 8px}@media (prefers-color-scheme: dark){:root{--bg: #14151a;--surface: #1c1d24;--surface-hover: #23242c;--text: #eceef2;--muted: #9198a3;--border: #2d2f38;--primary: #7c74ff;--primary-hover: #948dff;--primary-soft: #262550;--danger: #ff6b6b;--danger-soft: #3a1f22;--success: #63e388;--success-soft: #1c3324;--warn-soft: #3a3018;--warn-text: #f0d17a;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 14px rgba(0,0,0,.45)}}:root[data-theme=light]{--bg: #f4f5f8;--surface: #ffffff;--surface-hover: #fafbfc;--text: #1a1b1e;--muted: #6b7280;--border: #e5e7eb;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef0ff;--danger: #e03131;--danger-soft: #fdeaea;--success: #2b8a3e;--success-soft: #e7f7ea;--warn-soft: #fff6d8;--warn-text: #7a5b00;--shadow: 0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06);--shadow-md: 0 4px 10px rgba(16,24,40,.08)}:root[data-theme=dark]{--bg: #14151a;--surface: #1c1d24;--surface-hover: #23242c;--text: #eceef2;--muted: #9198a3;--border: #2d2f38;--primary: #7c74ff;--primary-hover: #948dff;--primary-soft: #262550;--danger: #ff6b6b;--danger-soft: #3a1f22;--success: #63e388;--success-soft: #1c3324;--warn-soft: #3a3018;--warn-text: #f0d17a;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 14px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);transition:background-color .15s ease,color .15s ease}.container{max-width:1120px;margin:0 auto;padding:2rem 1.5rem}.center{display:flex;align-items:center;justify-content:center;min-height:70vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar .brand{color:var(--text);font-weight:700;text-decoration:none;font-size:1.15rem;letter-spacing:-.02em}.nav-links{display:flex;gap:1.3rem;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--text)}.theme-toggle{display:flex;align-items:center;gap:.35rem;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:.35rem .7rem;margin:0;border-radius:999px;font-size:.8rem}.theme-toggle:hover{background:var(--surface-hover)}.theme-toggle-label{font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.6rem;box-shadow:var(--shadow);margin-bottom:1.4rem;transition:background-color .15s ease,border-color .15s ease}.login-card{width:360px}label{display:block;margin:.7rem 0 .3rem;font-size:.85rem;color:var(--muted);font-weight:500}input,select{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;background:var(--bg);color:var(--text);transition:border-color .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}button{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:.55rem 1rem;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:.75rem;transition:background-color .15s,transform .05s}button:hover{background:var(--primary-hover)}button:active{transform:translateY(1px)}.link-btn{background:none;color:var(--primary);padding:0;margin:0 .3rem;text-decoration:none;font-size:.85rem;font-weight:500}.link-btn:hover{text-decoration:underline;background:none}.link-btn.danger,.danger-btn{color:var(--danger)}.danger-btn{background:var(--danger-soft);color:var(--danger)}.danger-btn:hover{background:var(--danger);color:#fff}.row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.btn-group button{margin-left:.5rem;margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.collection-card{text-decoration:none;color:inherit;display:block}.collection-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-1px)}.collection-card h3,.collection-card h4{margin:0 0 .3rem}.badge{font-size:.7rem;background:var(--primary-soft);color:var(--primary);padding:.2rem .55rem;border-radius:999px;margin-left:.4rem;font-weight:600}.badge.warn{background:var(--warn-soft);color:var(--warn-text)}.field-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.field-row.wrap{flex-wrap:wrap}.field-row input,.field-row select{width:auto;flex:1;min-width:130px}.checkbox-label{display:flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--text)}.checkbox-label input{width:auto}.checkbox-label.small{font-size:.8rem;white-space:nowrap}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{text-align:left;padding:.65rem .9rem;border-bottom:1px solid var(--border);font-size:.9rem}.table th{background:var(--bg);color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.02em}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--surface-hover)}.error-box{background:var(--danger-soft);color:var(--danger);padding:.6rem .9rem;border-radius:var(--radius-sm);margin-bottom:.7rem;font-size:.9rem}.success-box{background:var(--success-soft);color:var(--success);padding:.6rem .9rem;border-radius:var(--radius-sm);margin-bottom:.7rem;font-size:.9rem}.warn-box{background:var(--warn-soft);color:var(--warn-text);padding:.7rem .9rem;border-radius:var(--radius-sm);margin-bottom:.9rem;font-size:.85rem;line-height:1.5}.muted{color:var(--muted);font-size:.85rem}.filter-row{margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}.filter-row input{width:240px}.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-right:.8rem;border:1px solid var(--border)}h1,h2,h3,h4{letter-spacing:-.01em}