.login-page{background-color:var(--bg-main);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.login-card{background-color:var(--bg-card);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:420px;max-width:420px;padding:20px;display:flex;box-shadow:0 24px 70px #0000001a}.login-header p{color:var(--text-light);font-size:15px}.login-error{color:var(--error);border-radius:var(--radius);margin:0 0 18px;padding:12px 14px;font-size:14px}.login-form{flex-direction:column;gap:16px;width:75%;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group input{border:1px solid var(--border);border-radius:var(--radius);height:45px;padding:0 12px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #e11d4833}.form-group input::placeholder{color:#9ca3af}.form-error{color:var(--error);margin:0;font-size:12px}.login-button{border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;border:none;height:46px;font-size:15px;font-weight:600;transition:all .2s}.login-button:hover{background:var(--primary-dark)}.login-button:disabled{opacity:.6;cursor:not-allowed}.default-layout{background-color:#f5f6fa;flex-direction:column;height:100vh;display:flex}.layout-body{flex:1;display:flex;overflow:hidden}.main-content{flex:1;padding:16px;overflow-y:auto}.topbar{background-color:var(--bg-card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;height:40px;margin-bottom:5px;padding:0 18px;display:flex}.topbar-left h2{color:var(--primary);font-size:16px}.topbar-middle{flex:1;justify-content:center;display:flex}.topbar-search{background-color:var(--bg-main);width:320px;height:30px;color:var(--text-light);border:1px solid var(--border);border-radius:20px;align-items:center;gap:10px;padding:0 14px;display:flex}.topbar-search input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-size:13px}.topbar-search input::placeholder{color:var(--text-light)}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-icon-button{border:1px solid var(--border);background-color:var(--bg-main);width:30px;height:30px;color:var(--text-light);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.topbar-icon-button:hover{background-color:var(--primary);color:var(--bg-card)}.topbar-profile-wrapper{position:relative}.topbar-profile-button{border:2px solid var(--border);background-color:var(--primary);width:34px;height:34px;color:var(--bg-card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex;overflow:hidden}.topbar-profile-button:hover{background-color:var(--primary-dark);transform:scale(1.05)}.profile-dropdown{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);z-index:100;width:220px;padding:12px;position:absolute;top:38px;right:0;box-shadow:0 12px 30px #0000001f}.profile-dropdown-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:10px;display:flex}.profile-avatar{background-color:var(--primary);width:36px;height:36px;color:var(--bg-card);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.profile-dropdown-header h4{color:var(--text-dark);margin:0;font-size:13px}.profile-dropdown-header p{color:var(--text-light);margin:2px 0 0;font-size:11px}.profile-dropdown-info{color:var(--text-light);flex-direction:column;gap:4px;padding:10px 0;font-size:11px;display:flex}.profile-dropdown-action{width:100%;color:var(--text-dark);cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:12px;transition:all .2s;display:flex}.profile-dropdown-action:hover{background-color:var(--bg-main);color:var(--primary)}.profile-dropdown-action.logout{color:var(--error)}.sidebar-wrapper{height:100vh;display:flex}.sidebar-layout{flex-direction:column;display:flex}.sidebar{background-color:var(--primary);border-radius:var(--radius);flex-direction:column;align-items:center;width:55px;height:92vh;margin-left:5px;padding-top:14px;display:flex}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-link{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;min-height:42px;padding:4px 0;transition:all .2s;display:flex}.sidebar-icon{width:32px;height:32px;color:var(--bg-card);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-icon svg{font-size:13px}.sidebar-link:hover .sidebar-icon{background-color:var(--primary-light)}.sidebar-icon-active{background-color:var(--bg-card);color:var(--primary)}.sidebar-label{color:#fff;font-size:9px;font-weight:700;line-height:1}.sidebar-open-panel-button{width:34px;height:34px;color:var(--bg-card);cursor:pointer;background-color:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;margin-top:auto;margin-bottom:12px;transition:all .2s;display:flex}.sidebar-open-panel-button:hover{background-color:var(--bg-card);color:var(--primary)}.sidebar-panel{border-radius:var(--radius);background-color:var(--bg-card);border:1px solid var(--border);width:180px;height:92vh;margin-left:10px;padding:16px 12px;box-shadow:0 10px 30px #0000000d}.sidebar-panel-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sidebar-panel-header h3{color:var(--primary);font-size:14px;font-weight:700}.sidebar-panel-close{border:1px solid var(--border);background-color:var(--bg-main);width:26px;height:26px;color:var(--text-light);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-panel-close:hover{background-color:var(--primary);color:var(--bg-card)}.sidebar-panel-nav{flex-direction:column;gap:6px;display:flex}.sidebar-panel-link{color:var(--text-light);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-panel-link svg{font-size:12px}.sidebar-panel-link:hover{background-color:var(--bg-main);color:var(--primary)}.sidebar-panel-link-active{background-color:var(--primary);color:var(--bg-card)}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{overflow-x:hidden}:root{--primary:crimson;--primary-dark:#9f1239;--primary-light:#f43f5e;--accent:#f97316;--text-dark:#1f2937;--text-light:#6b7280;--bg-main:#f9fafb;--bg-card:#fff;--error:#dc2626;--success:#16a34a;--border:#e5e7eb;--radius:12px}body{background:var(--bg-main);color:var(--text-dark);font-family:Arial,sans-serif}button,input{font-family:inherit}