.navbar[data-v-abb69ce7]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:var(--surface-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.navbar-brand a[data-v-abb69ce7]{font-size:16px;font-weight:700;color:var(--primary-color);white-space:nowrap}.navbar-links[data-v-abb69ce7]{display:flex;gap:4px}.navbar-links a[data-v-abb69ce7]{padding:8px 14px;border-radius:6px;font-size:14px;color:var(--text-muted);transition:all .2s}.navbar-links a[data-v-abb69ce7]:hover,.navbar-links a.router-link-active[data-v-abb69ce7]{background:var(--background-color);color:var(--primary-color);text-decoration:none}.navbar-actions[data-v-abb69ce7]{display:flex;align-items:center;gap:8px}.theme-btn[data-v-abb69ce7]{background:none;border:1px solid var(--border-color);color:var(--text-main);padding:6px 10px;border-radius:50%;font-size:16px}.hamburger[data-v-abb69ce7]{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:8px 4px;cursor:pointer}.hamburger span[data-v-abb69ce7]{display:block;width:22px;height:2px;background:var(--text-main);border-radius:2px;transition:all .3s}.hamburger.active span[data-v-abb69ce7]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span[data-v-abb69ce7]:nth-child(2){opacity:0}.hamburger.active span[data-v-abb69ce7]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.overlay[data-v-abb69ce7]{display:none;position:fixed;right:0;bottom:0;left:0;top:56px;background:#0006;z-index:90}@media (max-width: 768px){.navbar[data-v-abb69ce7]{padding:0 12px}.hamburger[data-v-abb69ce7]{display:flex}.btn-logout[data-v-abb69ce7]{display:none}.overlay[data-v-abb69ce7]{display:block}.navbar-links[data-v-abb69ce7]{display:none;position:fixed;top:56px;left:0;right:0;background:var(--surface-color);border-bottom:1px solid var(--border-color);flex-direction:column;padding:8px;z-index:95;box-shadow:0 4px 12px #0000001a}.navbar-links.open[data-v-abb69ce7]{display:flex}.navbar-links a[data-v-abb69ce7]{padding:14px 16px;font-size:15px;border-radius:8px}.navbar-links a[data-v-abb69ce7]:hover,.navbar-links a.router-link-active[data-v-abb69ce7]{background:var(--background-color)}}*{margin:0;padding:0;box-sizing:border-box}.app-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--background-color);color:var(--text-main)}.main-content{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;padding:8px 16px;border-radius:6px;font-size:14px;transition:all .2s}.btn-primary{background:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface-color);color:var(--text-main);border:1px solid var(--border-color)}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}input,select,textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--background-color);color:var(--text-main);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4f46e533}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--surface-color);font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}tr:hover{background:var(--surface-color)}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-size:13px;font-weight:500;color:var(--text-muted)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600}.filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:160px}.actions{display:flex;gap:8px}.empty-state{text-align:center;padding:48px;color:var(--text-muted)}@media print{.no-print{display:none!important}}@media (max-width: 768px){.main-content{padding:16px 12px}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.page-header h1{font-size:20px}.filters{flex-direction:column;gap:8px}.filters input,.filters select{width:100%;min-width:0}table{font-size:13px}th,td{padding:8px 6px}th{font-size:11px}.card{padding:14px}.empty-state{padding:32px 16px}.actions{gap:6px}}@media (max-width: 480px){.main-content{padding:12px 8px}.page-header h1{font-size:18px}button{padding:8px 12px;font-size:13px}}:root,html[data-theme=light]{--background-color: #ffffff;--surface-color: #f8f9fa;--border-color: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--primary-color: #4f46e5;--primary-hover: #4338ca}html[data-theme=dark]{--background-color: #0f172a;--surface-color: #1e293b;--border-color: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--primary-color: #6366f1;--primary-hover: #4f46e5}body{background-color:var(--background-color);color:var(--text-main);transition:background-color .3s,color .3s;margin:0;font-family:system-ui,-apple-system,sans-serif}