:root{--color-primary:#1a73e8;--color-primary-hover:#1557b0;--color-primary-light:#e8f0fe;--color-danger:#d93025;--color-danger-hover:#b3261e;--color-success:#188038;--color-warning:#f9ab00;--color-info:#1967d2;--color-text:#202124;--color-text-secondary:#5f6368;--color-text-muted:#80868b;--color-bg:#f8f9fa;--color-surface:#fff;--color-border:#dadce0;--color-border-light:#e8eaed;--sidebar-width:240px;--sidebar-collapsed-width:64px;--header-height:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000000f, 0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-2xl:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-weight:600;line-height:1.3}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.loading-screen{justify-content:center;align-items:center;gap:var(--spacing-md);min-height:100vh;color:var(--color-text-muted);flex-direction:column;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.sidebar-brand h2{font-size:var(--font-size-xl);color:var(--color-primary);margin:0}.sidebar-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-nav{padding:var(--spacing-sm) 0;flex:1}.nav-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-base);transition:background var(--transition), color var(--transition);border-radius:0;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-primary-light);color:var(--color-primary);text-decoration:none}.nav-item.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.nav-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.sidebar-user{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sidebar-admin-link,.sidebar-return-link{padding:var(--spacing-xs) 0;border-top:1px solid var(--color-border-light)}.main-content{margin-left:var(--sidebar-width);padding:var(--spacing-lg);flex:1;min-height:100vh}.login-page{background:linear-gradient(135deg,#1a73e8 0%,#1557b0 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);width:400px;max-width:90vw}.login-header{text-align:center;margin-bottom:var(--spacing-lg)}.login-header h1{color:var(--color-primary);font-size:28px}.login-header p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.login-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-field label{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.form-field input,.form-field select,.form-field textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color var(--transition), box-shadow var(--transition);outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.form-field input:disabled{background:var(--color-bg);cursor:not-allowed}.form-field textarea{resize:vertical;min-height:80px}.form-error{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-danger);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:#fce8e6}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:var(--font-family);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:var(--color-surface);color:var(--color-text);font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--color-bg)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-ghost:hover{background:var(--color-bg)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-block{width:100%}.page{max-width:1200px}.page h1{margin-bottom:var(--spacing-md)}.text-muted{color:var(--color-text-muted)}.table-wrapper{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}th{color:var(--color-text-secondary);background:var(--color-bg);font-weight:600}tr:hover td{background:var(--color-bg)}tr:last-child td{border-bottom:none}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-md)}.card-header{margin-bottom:var(--spacing-sm);font-weight:600}.badge{font-size:var(--font-size-xs);border-radius:12px;align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{color:var(--color-success);background:#e6f4ea}.badge-danger{color:var(--color-danger);background:#fce8e6}.badge-warning{color:#e37400;background:#fef7e0}.pagination{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) 0;justify-content:flex-end;display:flex}.pagination button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;font-size:var(--font-size-sm)}.pagination button:hover{background:var(--color-bg)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-right:var(--spacing-sm)}.filter-bar{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-end;display:flex}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--spacing-md);text-align:center}.stat-card .stat-value{font-size:var(--font-size-2xl);color:var(--color-primary);font-weight:700}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}@media (width<=1366px){.main-content{padding:var(--spacing-md)}}@media (width<=768px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);width:100%;height:auto;max-height:none;position:static;overflow:visible}.sidebar-brand{padding:var(--spacing-sm) var(--spacing-md)}.sidebar-nav{flex:none;padding:0;display:flex;overflow-x:auto}.sidebar .nav-item{min-width:52px;padding:var(--spacing-sm);justify-content:center}.sidebar .nav-label,.sidebar .sidebar-subtitle,.sidebar .sidebar-user,.sidebar-footer,.sidebar-return-link{display:none}.main-content{width:100%;padding:var(--spacing-sm);margin-left:0;overflow-x:hidden}.page{max-width:100%}.dashboard-header{flex-direction:column;align-items:stretch!important}.dashboard-filters{flex-wrap:wrap;align-items:center}.dashboard-filters input{flex:1;min-width:130px}}