:root{--bg-0: #050a17;--bg-1: #0a1428;--bg-2: #0f1d38;--ink-0: #f6f8ff;--ink-1: #c9d4ec;--ink-2: #7d8db0;--ink-3: #4b5a7d;--line: #1a2a4a;--line-soft: #14213c;--brand-deep: #1e3a5f;--brand: #2e75b6;--brand-light: #4a90cc;--brand-glow: #7ab8ff;--alert: #e74c3c;--ok: #5fd29a;--warn: #ff9800;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Courier New", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--body);background:var(--bg-0);color:var(--ink-0);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}a{color:inherit}button{font-family:inherit}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(74,144,204,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(74,144,204,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 20% 0%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 20% 0%,black 0%,transparent 70%)}.app-layout{position:relative;display:flex;min-height:100vh;background:var(--bg-0)}.app-main{position:relative;z-index:1;flex:1;overflow-y:auto;min-height:100vh}.sidebar{position:sticky;top:0;z-index:2;width:248px;height:100vh;min-height:100vh;background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:1.35rem 1.15rem;border-bottom:1px solid var(--line)}.sidebar-logo:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--brand-light);box-shadow:0 0 12px var(--brand-glow);flex-shrink:0}.sidebar-logo-text{font-family:var(--display);font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-0)}.sidebar-logo-beta{margin-left:auto;font-family:var(--mono);font-size:.6rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-glow);border:1px solid var(--brand-deep);background:#4a90cc1a;padding:.15rem .4rem;border-radius:999px}.sidebar-nav{flex:1;padding:.85rem .65rem;display:flex;flex-direction:column;gap:.15rem}.sidebar-link{display:flex;align-items:center;gap:.7rem;padding:.62rem .75rem;color:var(--ink-2);text-decoration:none;font-size:.86rem;font-weight:500;border-radius:8px;transition:color .15s,background .15s}.sidebar-link svg{flex-shrink:0;opacity:.85}.sidebar-link:hover{color:var(--ink-0);background:#ffffff08}.sidebar-link.active{color:var(--ink-0);background:var(--bg-2);box-shadow:inset 2px 0 0 var(--brand-light)}.sidebar-footer{padding:.85rem;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}.sidebar-user{display:flex;flex-direction:column;gap:.15rem;padding:.4rem .35rem}.sidebar-user-name{font-size:.85rem;color:var(--ink-1);font-weight:500}.sidebar-user-role{font-family:var(--mono);font-size:.68rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.sidebar-logout{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--ink-2);cursor:pointer;font-size:.8rem;transition:color .15s,border-color .15s,background .15s;width:100%;font-family:inherit}.sidebar-logout:hover{color:var(--ink-0);border-color:var(--ink-3);background:#ffffff08}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-family:var(--mono);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:var(--bg-0)}.login-page{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:var(--bg-0);overflow:hidden}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(74,144,204,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(74,144,204,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 75%)}.login-page:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#4a90cc29,#4a90cc00 65%);pointer-events:none}.login-form{position:relative;z-index:1;background:var(--bg-1);padding:2.25rem 2rem;border-radius:16px;width:100%;max-width:400px;border:1px solid var(--line);box-shadow:0 30px 60px -20px #0000008c}.login-form h1{margin:0 0 .35rem;text-align:center;font-family:var(--display);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-0)}.login-form .login-subtitle{display:block;text-align:center;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:1.75rem}.login-form input{width:100%;padding:.7rem .9rem;margin-bottom:1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;color:var(--ink-0);font-size:.9rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.login-form input::placeholder{color:var(--ink-3)}.login-form input:focus{outline:none;border-color:var(--brand-light);box-shadow:0 0 0 3px #4a90cc2e}.login-form button{width:100%;padding:.75rem;background:linear-gradient(180deg,var(--brand-light) 0%,var(--brand) 100%);border:none;border-radius:999px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;font-family:inherit;transition:filter .15s,transform .15s,box-shadow .15s}.login-form button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 30px -12px #7ab8ff73}.login-form button:disabled{opacity:.55;cursor:not-allowed}.error{background:#e74c3c1f;color:#ff8a7a;border:1px solid rgba(231,76,60,.3);padding:.65rem .9rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.page-container{padding:1.85rem 2.25rem;max-width:1240px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.6rem;flex-wrap:wrap;gap:.75rem}.page-header-actions{display:flex;align-items:center;gap:.75rem}.page-title{font-family:var(--display);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-0)}.page-subtitle{font-size:.85rem;color:var(--ink-2)}.page-count{font-family:var(--mono);font-size:.78rem;color:var(--ink-2)}.loading-text{color:var(--ink-2);padding:2rem 0;text-align:center;font-family:var(--mono);font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{position:relative;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:.4rem;overflow:hidden;transition:border-color .15s,transform .15s}.stat-card:hover{border-color:var(--ink-3);transform:translateY(-2px)}.stat-card-highlight{border-color:#4a90cc59}.stat-card-highlight:after{content:"";position:absolute;top:-60%;right:-30%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(74,144,204,.2) 0%,transparent 70%);pointer-events:none}.stat-label{font-family:var(--mono);font-size:.72rem;font-weight:500;color:var(--ink-2);text-transform:uppercase;letter-spacing:.07em}.stat-value{font-family:var(--display);font-size:2.5rem;font-weight:700;line-height:1;background:linear-gradient(180deg,var(--brand-light) 0%,var(--brand) 70%);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-link{font-size:.8rem;color:var(--ink-3);text-decoration:none;margin-top:.25rem;transition:color .15s}.stat-link:hover{color:var(--brand-glow)}.welcome-card{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:2rem;margin-bottom:2rem}.welcome-card h3{font-family:var(--display);font-size:1.2rem;font-weight:600;color:var(--ink-0);margin-bottom:.5rem}.welcome-card p{font-size:.9rem;color:var(--ink-2)}.section-block{margin-top:2rem}.section-title{font-family:var(--mono);font-size:.78rem;font-weight:500;color:var(--ink-2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.75rem}.info-banner{background:#4a90cc14;border:1px solid rgba(74,144,204,.25);border-radius:8px;padding:.75rem 1rem;font-size:.85rem;color:var(--brand-glow);margin-bottom:1.25rem}.filter-bar{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.62rem 1.15rem;border:1px solid transparent;border-radius:999px;font-size:.86rem;font-weight:500;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s,opacity .15s,background .15s,border-color .15s;text-decoration:none;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(180deg,var(--brand-light) 0%,var(--brand) 100%);color:#fff}.btn-primary:not(:disabled):hover{filter:brightness(1.08);box-shadow:0 10px 24px -10px #7ab8ff80}.btn-secondary{background:transparent;color:var(--ink-1);border-color:var(--ink-3)}.btn-secondary:not(:disabled):hover{background:#ffffff08;border-color:var(--ink-1);color:var(--ink-0)}.btn-danger{background:var(--alert);color:#fff}.btn-danger:not(:disabled):hover{filter:brightness(1.1);box-shadow:0 10px 24px -10px #e74c3c80}.btn-info{background:#4a90cc26;color:var(--brand-glow);border-color:#4a90cc59}.btn-info:not(:disabled):hover{background:#4a90cc38}.btn-sm{padding:.38rem .8rem;font-size:.78rem}.form-group{margin-bottom:1rem}.form-row{display:flex;gap:.75rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:120px}.form-label{display:block;font-size:.78rem;color:var(--ink-2);margin-bottom:.35rem;font-weight:500}.form-input{width:100%;padding:.6rem .8rem;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;color:var(--ink-0);font-size:.88rem;transition:border-color .15s,box-shadow .15s;font-family:inherit}.form-input:focus{outline:none;border-color:var(--brand-light);box-shadow:0 0 0 3px #4a90cc2e}.form-input.input-error{border-color:var(--alert)}.form-input::placeholder{color:var(--ink-3)}textarea.form-input{resize:vertical}select.form-input{cursor:pointer}.form-hint{display:block;font-size:.74rem;color:var(--ink-3);margin-top:.3rem}.form-error{display:block;font-size:.74rem;color:#ff8a7a;margin-top:.3rem}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.radio-group{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:.4rem;font-size:.86rem;color:var(--ink-1);cursor:pointer}.radio-label input[type=radio]{accent-color:var(--brand-light);width:15px;height:15px;cursor:pointer}.search-input{max-width:260px;width:100%}.status-msg{padding:.65rem .9rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.status-success{background:#5fd29a1f;color:var(--ok);border:1px solid rgba(95,210,154,.3)}.status-error{background:#e74c3c1f;color:#ff8a7a;border:1px solid rgba(231,76,60,.3)}.table-wrapper{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--bg-1)}.data-table{width:100%;border-collapse:collapse;font-size:.86rem}.data-table th{background:var(--bg-1);padding:.7rem .9rem;text-align:left;font-family:var(--mono);font-size:.7rem;font-weight:500;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:.65rem .9rem;border-bottom:1px solid var(--line-soft);color:var(--ink-1);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-2)}.data-table tbody tr.row-expired td{opacity:.55}.table-empty{text-align:center;color:var(--ink-3);padding:2.5rem!important;font-size:.88rem}.table-footer{padding:.6rem 0;font-size:.78rem;color:var(--ink-3);text-align:right}.table-actions{display:flex;gap:.4rem}.td-bold{font-weight:600;color:var(--ink-0)!important}.td-plate{font-family:var(--mono);font-weight:600;letter-spacing:.07em;color:var(--ink-0)!important;font-size:.92rem}.td-mono{font-family:var(--mono);font-size:.8rem;color:var(--ink-2)!important}.text-danger{color:#ff8a7a;font-size:.8rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-family:var(--mono);font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-success{background:#5fd29a26;color:var(--ok)}.badge-warning{background:#ff980026;color:var(--warn)}.badge-danger{background:#e74c3c26;color:#ff8a7a}.badge-info{background:#4a90cc2e;color:var(--brand-glow)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.pagination-info{font-size:.85rem;color:var(--ink-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a17c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:1.75rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 60px -20px #0009}.modal-lg{max-width:640px}.modal-title{font-family:var(--display);font-size:1.15rem;font-weight:600;margin-bottom:1.25rem;color:var(--ink-0)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.log-meta{display:flex;flex-wrap:wrap;gap:1rem;background:var(--bg-2);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem;color:var(--ink-1)}.log-diff{display:flex;gap:1rem;flex-wrap:wrap}.log-diff-col{flex:1;min-width:200px}.log-diff-title{font-family:var(--mono);font-size:.72rem;font-weight:500;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem}.log-json{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:.75rem;font-size:.76rem;font-family:var(--mono);color:var(--ok);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:300px;overflow-y:auto;line-height:1.5}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:1.5rem;margin-bottom:1.5rem}.card-title{font-family:var(--display);font-size:1.02rem;font-weight:600;color:var(--ink-0);margin-bottom:1rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.chart-card{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:1.5rem}.chart-container{display:flex;align-items:flex-end;gap:3px;height:160px;overflow-x:auto;padding-bottom:1.5rem;position:relative}.chart-bar-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:20px;max-width:40px;height:100%;position:relative;justify-content:flex-end}.chart-bar-track{width:100%;height:120px;background:var(--bg-2);border-radius:3px 3px 0 0;display:flex;align-items:flex-end}.chart-bar-fill{width:100%;background:linear-gradient(180deg,var(--brand-glow) 0%,var(--brand) 100%);border-radius:3px 3px 0 0;min-height:2px;transition:height .3s ease}.chart-bar-label{font-family:var(--mono);font-size:.6rem;color:var(--ink-3);margin-top:.3rem;text-align:center;white-space:nowrap;transform:rotate(-45deg);transform-origin:top center;position:absolute;bottom:0}.chart-bar-value{font-family:var(--mono);font-size:.64rem;color:var(--brand-glow);position:absolute;top:-1rem;left:50%;transform:translate(-50%);white-space:nowrap}.freq-bar-track{background:var(--bg-2);border-radius:3px;height:6px;width:160px;overflow:hidden}.freq-bar-fill{background:linear-gradient(90deg,var(--brand),var(--brand-glow));height:100%;border-radius:3px;transition:width .3s ease}.star-rating{display:flex;align-items:center;gap:.2rem}.star-btn{background:transparent;border:none;font-size:2rem;color:var(--ink-3);cursor:pointer;padding:.1rem;line-height:1;transition:color .1s,transform .1s}.star-btn:hover,.star-btn.active{color:var(--warn)}.star-btn:hover{transform:scale(1.1)}.filter-count{font-size:.8rem;color:var(--ink-3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}@media (max-width: 860px){.app-layout{flex-direction:column}.sidebar{position:relative;width:100%;height:auto;min-height:0;flex-direction:row;align-items:center;overflow-x:auto}.sidebar-logo{border-bottom:none;border-right:1px solid var(--line)}.sidebar-nav{flex-direction:row;padding:.5rem}.sidebar-link span{display:none}.sidebar-footer{flex-direction:row;border-top:none;border-left:1px solid var(--line)}.sidebar-user{display:none}.page-container{padding:1.25rem 1.25rem 2rem}}