.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--color-primary);color:#fff;display:flex;flex-direction:column;padding:16px 0;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-logo{padding:12px 20px 20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.sidebar-logo-img{max-width:140px;height:auto;border-radius:6px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 8px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:#ffffffb3;font-size:14px;transition:all .15s;border:none;background:none;width:100%;text-align:left}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;font-weight:500}.logout-btn{margin:8px;color:#ffffff80}.logout-btn:hover{color:var(--color-highlight);background:#ffffff0d}.main-content{flex:1;margin-left:220px;display:flex;flex-direction:column}.topbar{height:56px;background:var(--color-white);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.user-badge{font-size:13px;background:var(--color-bg);padding:6px 12px;border-radius:var(--radius);color:var(--color-text-light)}.page-content{padding:24px;flex:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-card{background:var(--color-white);border-radius:12px;padding:48px 40px;width:100%;max-width:420px;box-shadow:var(--shadow)}.login-header{text-align:center;margin-bottom:32px}.login-logo{max-width:180px;height:auto;margin:0 auto 16px;display:block;border-radius:8px}.login-header h1{font-size:22px;font-weight:600;color:var(--color-text)}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--color-text-light)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.login-error{color:var(--color-danger);font-size:13px;text-align:center}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:12px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a1a2e;--color-primary-light: #16213e;--color-accent: #0f3460;--color-highlight: #e94560;--color-bg: #f5f6fa;--color-white: #ffffff;--color-text: #2d3436;--color-text-light: #636e72;--color-border: #dfe6e9;--color-success: #00b894;--color-warning: #fdcb6e;--color-danger: #d63031;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}