:root{--primary: #0078d4;--primary-hover: #106ebe;--bg: #f3f2f1;--card-bg: #ffffff;--text: #323130;--text-secondary: #605e5c;--border: #edebe9;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.card{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);padding:32px;max-width:400px;width:100%}.card h1{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--text)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);color:var(--text);transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.btn-primary{width:100%;padding:12px;font-size:14px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.page-center{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.header{background:var(--primary);color:#fff;padding:12px 24px;display:flex;justify-content:space-between;align-items:center}.header h2{font-size:18px;font-weight:600}.header-actions{display:flex;align-items:center;gap:16px}.user-name{font-size:14px;opacity:.9}.btn-logout{background:transparent;border:1px solid white;color:#fff;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:13px}.btn-logout:hover{background:#ffffff1a}