:root{--bg: #080808;--bg-surface: #111111;--bg-elevated: #181818;--bg-overlay: #202020;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.16);--accent: #e8d5b0;--accent-dim: rgba(232,213,176,.12);--accent-hover: rgba(232,213,176,.2);--text: #f0ece4;--text-2: #9e9a92;--text-3: #5a574f;--green: #4caf7d;--green-bg: rgba(76,175,125,.1);--red: #e05c5c;--red-bg: rgba(224,92,92,.1);--amber: #d4a843;--amber-bg: rgba(212,168,67,.1);--blue: #5c9be0;--blue-bg: rgba(92,155,224,.1);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--sidebar-w: 224px;--header-h: 56px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .35s;font-family:DM Mono,ui-monospace,monospace;font-size:13px;line-height:1.5;color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}ul,ol{list-style:none}img{display:block;max-width:100%}table{border-collapse:collapse;width:100%}.admin-app{display:flex;min-height:100vh;background:var(--bg)}.admin-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.admin-page{flex:1;padding:32px 40px;max-width:1280px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow:hidden}.sidebar__logo{height:var(--header-h);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--border);letter-spacing:.2em;font-size:14px;color:var(--accent);user-select:none;flex-shrink:0}.sidebar__logo span{opacity:.4;margin-left:6px;font-size:11px}.sidebar__nav{flex:1;padding:12px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar__item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);color:var(--text-2);font-size:12px;letter-spacing:.05em;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease);cursor:pointer}.sidebar__item:hover{background:var(--bg-elevated);color:var(--text)}.sidebar__item--active{background:var(--accent-dim);color:var(--accent)}.sidebar__item--active:hover{background:var(--accent-hover)}.sidebar__icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.sidebar__item--active .sidebar__icon{opacity:1}.sidebar__section{padding:16px 20px 6px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-3)}.sidebar__footer{border-top:1px solid var(--border);padding:12px 8px;display:flex;flex-direction:column;gap:2px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.page-header__left h1{font-size:20px;font-weight:500;letter-spacing:.05em;color:var(--text)}.page-header__left p{margin-top:4px;color:var(--text-2);font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color var(--dur) var(--ease)}.stat-card:hover{border-color:var(--border-hover)}.stat-card__label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px}.stat-card__value{font-size:28px;font-weight:500;color:var(--text);letter-spacing:-.01em}.stat-card__delta{margin-top:6px;font-size:11px}.stat-card__delta--up{color:var(--green)}.stat-card__delta--down{color:var(--red)}.stat-card__delta--neu{color:var(--text-3)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.card__title{font-size:13px;letter-spacing:.06em;color:var(--text)}.card__body{padding:20px}.data-table{width:100%}.data-table th{padding:10px 16px;text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-2);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-elevated)}.data-table td.primary{color:var(--text);font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:500;letter-spacing:.04em}.badge--green{background:var(--green-bg);color:var(--green)}.badge--red{background:var(--red-bg);color:var(--red)}.badge--amber{background:var(--amber-bg);color:var(--amber)}.badge--blue{background:var(--blue-bg);color:var(--blue)}.badge--neutral{background:var(--bg-overlay);color:var(--text-2)}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius);font-size:12px;letter-spacing:.06em;font-weight:500;transition:background var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:disabled{opacity:.4;pointer-events:none}.btn--primary{background:var(--accent);color:#080808}.btn--primary:hover{opacity:.88}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-2)}.btn--ghost:hover{border-color:var(--border-hover);color:var(--text);background:var(--bg-elevated)}.btn--danger{background:var(--red-bg);border:1px solid var(--red);color:var(--red)}.btn--danger:hover{background:var(--red);color:#080808}.btn--sm{padding:5px 10px;font-size:11px}.btn--icon{padding:7px;width:32px;height:32px;justify-content:center}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}.form-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--text);transition:border-color var(--dur-fast) var(--ease);width:100%}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-3)}.form-input:disabled{opacity:.5}.form-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;font-size:13px;color:var(--text);transition:border-color var(--dur-fast) var(--ease);width:100%;appearance:none;cursor:pointer}.form-select:focus{border-color:var(--accent)}.form-hint{font-size:11px;color:var(--text-3)}.form-error{font-size:11px;color:var(--red)}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:360px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px}.login-card__logo{font-size:20px;letter-spacing:.2em;color:var(--accent);margin-bottom:6px}.login-card__sub{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:32px}.login-card__error{background:var(--red-bg);border:1px solid var(--red);border-radius:var(--radius);padding:10px 14px;font-size:12px;color:var(--red);margin-bottom:16px}.login-card__btn{width:100%;justify-content:center;padding:11px;margin-top:8px}.change-pw-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.change-pw-card{width:400px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px}.change-pw-card h2{font-size:16px;margin-bottom:8px}.change-pw-card p{font-size:12px;color:var(--text-2);margin-bottom:28px;line-height:1.6}.modal-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:500;animation:fade-in var(--dur-fast) var(--ease)}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;width:460px;max-height:90vh;overflow-y:auto;animation:slide-up var(--dur) var(--ease)}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal__title{font-size:15px;color:var(--text)}.modal__close{color:var(--text-3);transition:color var(--dur-fast)}.modal__close:hover{color:var(--text)}.modal__footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;min-width:240px;animation:slide-left var(--dur) var(--ease)}.toast--success{border-color:var(--green)}.toast--error{border-color:var(--red)}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px 8px 36px;font-size:12px;color:var(--text);transition:border-color var(--dur-fast) var(--ease);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a574f' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.search-input:focus{border-color:var(--accent);outline:none}.search-input::placeholder{color:var(--text-3)}.empty-state{text-align:center;padding:60px 24px;color:var(--text-3)}.empty-state__icon{font-size:32px;margin-bottom:12px}.empty-state p{font-size:13px}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.spinner--lg{width:32px;height:32px}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:16px 20px;border-top:1px solid var(--border)}.pagination__info{flex:1;font-size:11px;color:var(--text-3)}.toggle{position:relative;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle__track{position:absolute;inset:0;background:var(--bg-overlay);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-3);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease)}.toggle input:checked+.toggle__track{background:var(--accent-dim);border-color:var(--accent)}.toggle input:checked+.toggle__track:after{transform:translate(16px);background:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-overlay);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}