:root{--color-black:#0a0a0a;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-150:#f0f0f0;--color-gray-175:#f2f2f2;--color-gray-185:#f8f8f8;--color-gray-200:#e8e8e8;--color-gray-300:#e5e5e5;--color-gray-325:#d8d8d8;--color-gray-400:#aaa;--color-gray-500:#888;--color-gray-600:#666;--color-gray-650:#555;--color-gray-700:#444;--color-gray-800:#333;--color-gray-850:#111;--color-gray-900:#1a1a1a;--color-green:#16a34a;--color-green-bg:#dcfce7;--color-green-text:#2e7d32;--color-red:#e53935;--color-red-deep:#c83252;--color-red-bg:#feeceb;--color-blue:#1a5a9a;--color-amber:#c8960a;--color-sky-bg:#f0f9ff;--color-sky-border:#bae6fd;--color-sky-text:#0369a1;--text-primary:var(--color-black);--text-secondary:var(--color-gray-650);--text-tertiary:var(--color-gray-500);--text-muted:var(--color-gray-400);--surface-primary:var(--color-white);--surface-secondary:var(--color-gray-185);--surface-tertiary:var(--color-gray-100);--surface-muted:#f3f4f6;--border-default:var(--color-gray-200);--border-light:var(--color-gray-175);--border-strong:var(--color-gray-300);--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-xxl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #0a0a0a0a;--shadow-md:0 2px 8px #0a0a0a0f, 0 1px 2px #0a0a0a0a;--shadow-lg:0 10px 24px #0a0a0a14, 0 2px 6px #0a0a0a0a;--sidebar-width:240px;--content-max:1200px;--header-height:60px;--duration-fast:.12s;--duration-base:.18s;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}html,body{background:var(--surface-secondary);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-size:14px;line-height:1.5}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-weight:700}h1{font-size:28px;line-height:1.2}h2{font-size:22px;line-height:1.3}h3{font-size:17px;line-height:1.4}p{color:var(--text-secondary);margin:0}code{font-family:var(--font-mono);background:var(--surface-tertiary);border-radius:var(--radius-xs);color:var(--text-primary);padding:2px 6px;font-size:13px}::selection{background:var(--color-black);color:var(--color-white)}.login-page{min-height:100svh;padding:var(--space-6);background:var(--surface-secondary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.login-page:before{background:#e8e8ff;width:420px;height:420px;top:-120px;left:-120px}.login-page:after{background:#ffe8e8;width:360px;height:360px;bottom:-140px;right:-100px}.login-card{z-index:1;align-items:stretch;gap:var(--space-3);padding:var(--space-10) var(--space-8) var(--space-8);border:1px solid var(--border-default);border-radius:var(--radius-xxl);background:var(--surface-primary);box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;width:100%;max-width:400px;display:flex;position:relative}.login-logo{border-radius:var(--radius-xl);background:var(--color-black);width:56px;height:56px;color:var(--color-white);letter-spacing:-.04em;margin:0 auto var(--space-2);justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.login-title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:26px;font-weight:800}.login-subtitle{color:var(--text-tertiary);margin:0 0 var(--space-5);font-size:14px}.google-login-btn{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.google-login-btn:hover{background:var(--surface-tertiary);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.google-login-btn:active{transform:translateY(1px)}.google-login-btn:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}.login-footer{margin-top:var(--space-5);color:var(--text-muted);font-size:12px}#root{width:100%;margin:0;padding:0}.app-container{background:var(--surface-secondary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--surface-primary);border-right:1px solid var(--border-default);padding:var(--space-6) var(--space-4);gap:var(--space-2);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar h2{letter-spacing:-.03em;margin:0 var(--space-3) var(--space-6);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px;font-weight:800}.sidebar h2:before{content:"";background:var(--color-black);width:8px;height:8px;margin-right:var(--space-2);vertical-align:2px;border-radius:2px;display:inline-block}.sidebar ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar li{cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out)}.sidebar li:not(:has(a)):not(.nav-section):not(.nav-logout){padding:10px var(--space-3)}.sidebar .nav-section{padding:var(--space-4) var(--space-3) var(--space-2);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);cursor:default;font-size:11px;font-weight:600}.sidebar .nav-section:hover{background:0 0}.sidebar li a{padding:10px var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;font-size:14px;font-weight:500;display:flex}.sidebar li a:hover{background:var(--surface-tertiary);color:var(--text-primary)}.sidebar li a.active{background:var(--color-black);color:var(--color-white);font-weight:600}.sidebar .nav-logout{padding:10px var(--space-3);color:var(--text-tertiary);border-top:1px solid var(--border-light);padding-top:var(--space-4);border-radius:0;margin-top:auto;font-size:13px;font-weight:500}.sidebar .nav-logout:hover{color:var(--color-red-deep);background:0 0}.content{min-width:0;padding:var(--space-10) var(--space-10);flex:1;overflow-y:auto}.content>h2:first-child,.content>section>h2:first-child{margin-bottom:var(--space-5)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-header h2{margin:0}.btn-primary,.btn-secondary,.btn-sm,.btn-danger{border-radius:var(--radius-lg);letter-spacing:-.01em;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-black);color:var(--color-white);padding:10px 18px}.btn-primary:hover:not(:disabled){background:var(--color-gray-850)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-secondary{background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-default);padding:10px 16px}.btn-secondary:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--border-strong)}.btn-sm{background:var(--surface-primary);color:var(--text-secondary);border-color:var(--border-default);border-radius:var(--radius-sm);margin-right:4px;padding:6px 12px;font-size:13px}.btn-sm:hover:not(:disabled){background:var(--surface-tertiary);color:var(--text-primary);border-color:var(--border-strong)}.btn-sm:last-child{margin-right:0}.btn-danger{background:var(--color-red);color:var(--color-white);border-color:var(--color-red)}.btn-danger:hover:not(:disabled){background:var(--color-red-deep);border-color:var(--color-red-deep)}.btn-sm.btn-danger{background:var(--surface-primary);color:var(--color-red-deep);border-color:var(--border-default)}.btn-sm.btn-danger:hover:not(:disabled){background:var(--color-red-bg);border-color:var(--color-red-deep);color:var(--color-red-deep)}.btn-primary:disabled,.btn-secondary:disabled,.btn-sm:disabled,.btn-danger:disabled{opacity:.4;cursor:not-allowed}.form-group{margin-bottom:var(--space-5)}.form-group label{margin-bottom:var(--space-2);color:var(--text-primary);letter-spacing:-.01em;font-size:13px;font-weight:600;display:block}.form-control{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-primary);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none;padding:10px 14px;font-size:14px}.form-control::placeholder{color:var(--text-muted)}.form-control:hover{border-color:var(--border-strong)}.form-control:focus{border-color:var(--color-black);box-shadow:0 0 0 3px #0a0a0a14}textarea.form-control{resize:vertical;min-height:96px}select.form-control{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}input[type=checkbox],input[type=radio]{accent-color:var(--color-black);cursor:pointer;width:16px;height:16px}.admin-form{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xxl);padding:var(--space-8);box-shadow:var(--shadow-sm);max-width:720px}.form-actions{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-light);margin-top:var(--space-5);display:flex}.admin-table{border-collapse:separate;border-spacing:0;background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xxl);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 18px;font-size:14px}.admin-table th{background:var(--surface-secondary);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default);font-size:12px;font-weight:600}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.admin-table tbody tr:hover{background:var(--surface-secondary)}.admin-table td{color:var(--text-primary)}.admin-table td.muted{color:var(--text-tertiary)}.admin-table td[colspan]{padding:var(--space-12) var(--space-5);text-align:center;color:var(--text-muted)}.pagination{margin-top:var(--space-6);align-items:center;gap:var(--space-2);justify-content:center;display:flex}.pagination span{color:var(--text-secondary);font-variant-numeric:tabular-nums;padding:6px 12px;font-size:13px}#center{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.text-muted{color:var(--text-muted);font-size:13px}.search-form{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);display:flex}.search-form .form-control{background:var(--surface-tertiary);border-color:#0000}.search-form .form-control:focus{border-color:var(--color-black);background:var(--surface-primary)}.dashboard{max-width:var(--content-max)}.dashboard-hero{background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xxl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.dashboard-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3);font-size:11px;font-weight:700;display:inline-block}.dashboard-hero h1{margin:0 0 var(--space-3);font-size:32px}.dashboard-hero p{color:var(--text-tertiary);max-width:520px;margin:0 0 var(--space-6);font-size:15px}.dashboard-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.dashboard-card{gap:var(--space-2);padding:var(--space-6);background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);color:var(--text-primary);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;display:flex}.dashboard-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard-card-icon{border-radius:var(--radius-lg);background:var(--surface-tertiary);width:44px;height:44px;margin-bottom:var(--space-2);justify-content:center;align-items:center;font-size:22px;display:flex}.dashboard-card-title{color:var(--text-primary);font-size:16px;font-weight:700}.dashboard-card-desc{color:var(--text-tertiary);font-size:13px;line-height:1.5}.section-block{margin-top:var(--space-10)}.section-block h3{margin-bottom:var(--space-4);font-size:16px}.section-block p{color:var(--text-tertiary);margin-bottom:var(--space-3);font-size:13px}.section-block .admin-table{max-width:960px}.inline-picker{gap:var(--space-2);margin-bottom:var(--space-4);max-width:720px;display:flex}.inline-picker .form-control{flex:1}.status-badge{border-radius:var(--radius-pill);letter-spacing:-.01em;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-badge--on{background:var(--color-green-bg);color:var(--color-green-text)}.status-badge--off{background:var(--surface-tertiary);color:var(--text-muted)}.pagination .btn-primary,.pagination .btn-secondary,.pagination .btn-sm{border-radius:var(--radius-sm);min-width:36px;padding:6px 10px;font-size:13px}.form-control.form-control--locked{background:var(--surface-tertiary);color:var(--text-tertiary)}