html,body,#root{width:100%;margin:0;padding:0;font-size:16px;font-weight:500;font-family:Roboto,Arial,sans-serif;box-sizing:border-box;overflow:hidden}*{color:#000;box-sizing:inherit;margin:0;padding:0;text-decoration:none;outline:none}.navbar{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:fixed;top:0;left:0;z-index:1000;box-shadow:0 2px 12px #00000026;border-bottom-right-radius:10px;background:#ffffff80;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px)}.navbar-left,.navbar-right{display:flex;align-items:center;gap:16px}.sidebar{display:flex;flex-direction:column;position:fixed;justify-content:space-between;top:56px;left:0;bottom:0;width:240px;overflow-y:auto;transition:transform .3s ease;z-index:900;box-shadow:0 2px 12px #00000026;border-top-right-radius:10px;border-bottom-right-radius:10px}.sidebar-footer{padding:16px}.sidebar.closed{transform:translate(-240px)}.sidebar-content{width:100%;padding:16px}.main-content{margin-top:56px;margin-left:240px;padding:16px;height:calc(100vh - 56px);overflow-y:auto;background:var(--bg)}.menu-tree{display:flex;flex-direction:column;gap:10px}.menu-item{display:flex;width:100%;height:35px;border-radius:10px;align-items:center}.menu-button{background:none;border:none;text-align:left;width:100%;padding:8px 12px;cursor:pointer;border-radius:6px;color:#000;display:block}.menu-button.active{background-color:#e5e5e5;font-weight:700}.arrow{margin-right:6px}.menu-children{margin-left:16px}.navbar-profile{width:32px;height:32px;border-radius:50%;object-fit:cover;cursor:pointer}.profile-menu{position:absolute;top:56px;right:16px;width:300px;background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 12px #00000026;padding:8px 0;z-index:1100}.profile-header{display:flex;align-items:center;padding:12px 16px}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:12px}.profile-info{display:flex;flex-direction:column;font-size:14px}.profile-name{font-weight:700}.profile-email{color:#666;font-size:13px}.profile-link{color:#065fd4;font-size:13px;text-decoration:none;margin-top:2px}.profile-link:hover{text-decoration:underline}.profile-divider,.divider{height:1px;background-color:#eee;margin:8px 0}.sidebar-footer>div>.divider{margin:0}.profile-item{padding:10px 16px;cursor:pointer;font-size:14px;transition:background-color .1s ease}.profile-item:hover{background-color:#f5f5f5}.navbar-right{display:flex;align-items:center;gap:12px}.navbar-bell{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;cursor:pointer;padding:0;border-radius:50%;transition:background-color .15s ease,box-shadow .15s ease}.bell-badge{position:absolute;left:10px;top:4px;width:8px;height:8px;background:#ff3b30;border-radius:50%}.navbar-bell:hover,.navbar-bell:focus-visible{background-color:#00000014;outline:none}.navbar-bell:active{background-color:#0000001f}:root{--primary: #2563eb;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--bg: #f8fafc}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px 16px;border-radius:16px}.login-card{width:100%;max-width:480px;min-height:420px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px 24px;box-shadow:0 10px 30px #0000000f}.login-title{font-size:28px;font-weight:800;line-height:1.1;text-align:center;color:var(--text);margin:4px 0 18px}.login-form{display:flex;flex-direction:column;gap:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;color:var(--text);font-weight:600}.input{height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s,background-color .15s}.input::placeholder{color:#9ca3af}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.btn{height:44px;border:0;border-radius:10px;font-weight:700;cursor:pointer;transition:transform .04s ease,background-color .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px #2563eb2e}.btn--primary:hover{background:#1e4fd6}.divider{display:flex;align-items:center;gap:12px;margin:20px 0 2px;color:var(--muted);font-size:12px;text-align:center;justify-content:center}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.social-btn{height:44px;border:1px solid var(--border);background:#f9fafb;border-radius:10px;font-weight:600;color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center}.social-btn:hover{background:#f3f4f6}.login-error{margin-top:4px;color:#ef4444;font-size:13px;text-align:center}@media (max-width: 420px){.login-card{padding:22px 16px;border-radius:14px}.login-title{font-size:24px}}.navbar-logo{font-size:24px;font-weight:800}.api-history-page{max-width:1200px;min-width:600px;min-height:400px;margin:40px auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d}.api-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.api-history-header h1{font-size:20px;font-weight:700;color:#333}.api-history-header button{padding:6px 14px;font-size:14px;border:none;border-radius:6px;background:#2563eb;color:#fff;cursor:pointer;transition:background .2s}.api-history-header button:hover:not(:disabled){background:#1e40af}.api-history-header button:disabled{background:#93c5fd;cursor:not-allowed}.api-history-table-container{overflow-x:auto}.api-history-table{width:100%;border-collapse:collapse}.api-history-table th,.api-history-table td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:14px}.api-history-table th{background:#f9fafb;font-weight:600;color:#555}.api-history-table tr:hover{background:#f3f4f6}.status-ok{color:#16a34a;font-weight:700}.status-error{color:#dc2626;font-weight:700}.pagination{margin-top:20px;display:flex;justify-content:center;gap:10px;align-items:center}.pagination button{padding:6px 12px;border:none;border-radius:6px;background:#e5e7eb;cursor:pointer;font-size:14px}.pagination button:hover:not(:disabled){background:#d1d5db}.pagination button:disabled{background:#f3f4f6;cursor:not-allowed}.pagination span{font-size:14px;color:#555}