:root{--color-primary:#4f46e5;--color-primary-light:#818cf8;--color-primary-dark:#3730a3;--color-accent-green:#10b981;--color-accent-red:#ef4444;--color-accent-amber:#f59e0b;--color-bg:#f1f5f9;--color-surface:#fff;--color-text:#1e293b;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-sidebar:#1e293b;--color-sidebar-hover:#334155;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.6}#app{min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--color-sidebar);color:#fff;z-index:100;width:240px;transition:width var(--transition);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar.collapsed{width:60px}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.logo{white-space:nowrap;align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:2px;font-size:20px;font-weight:700}.collapse-btn{color:#fff;cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:background var(--transition);background:0 0;border:1px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.collapse-btn:hover{background:#ffffff1a}.role-switch{border-bottom:1px solid #ffffff14;gap:6px;padding:16px;display:flex}.role-btn{border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:1px solid #fff3;flex:1;padding:8px 4px;font-size:13px}.role-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.role-btn:hover:not(.active){background:#ffffff14}.subject-switch{border-bottom:1px solid #ffffff14;gap:6px;padding:12px 16px;display:flex}.subject-btn{border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:1px solid #fff3;flex:1;padding:6px 4px;font-size:12px}.subject-btn.active{background:var(--color-accent-green);border-color:var(--color-accent-green);color:#fff;font-weight:600}.subject-btn:hover:not(.active){background:#ffffff14}.nav-menu{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex}.nav-item{border-radius:var(--radius-md);color:#ffffffb3;transition:all var(--transition);align-items:center;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-sidebar-hover);color:#fff}.nav-item.router-link-active{background:var(--color-primary);color:#fff;font-weight:600}.nav-menu-collapsed{flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px 8px;display:flex}.nav-icon-only{border-radius:var(--radius-sm);width:36px;height:36px;transition:all var(--transition);justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-icon-only:hover,.nav-icon-only.router-link-active{background:var(--color-primary)}.main-content{min-height:100vh;transition:margin-left var(--transition);flex:1;margin-left:240px;padding:32px}.sidebar.collapsed~.main-content{margin-left:60px}@media print{.sidebar,.collapse-btn{display:none!important}.main-content{margin-left:0!important;padding:16px!important}.page-header button,.exam-tabs,.exam-chips,.student-selector,.exam-selector,.no-print{display:none!important}.card{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}body{background:#fff!important}@page{margin:1.5cm}}