@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Mono:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=DM+Mono:wght@300;400;500&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{font-family:sans-serif}.al-root{background:#09090e;justify-content:center;align-items:center;min-height:100vh;font-family:DM Mono,monospace;display:flex;position:relative;overflow:hidden}.al-root:before{content:"";background-image:linear-gradient(#e8ff4708 1px,#0000 1px),linear-gradient(90deg,#e8ff4708 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite gridPan;position:absolute;inset:0}@keyframes gridPan{to{background-position:40px 40px}}.al-noise{pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.al-card{background:#111118;border:1px solid #1c1c2a;border-radius:4px;width:400px;max-width:92vw;padding:48px 40px 44px;animation:.5s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;box-shadow:0 32px 80px #0009}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.al-card-bar{background:linear-gradient(90deg,#0000 0%,#e8ff47 40%,#47ffe8 70%,#0000 100%);height:2px;position:absolute;top:0;left:0;right:0}.al-brand{color:#e8ff47;letter-spacing:-.5px;margin-bottom:6px;font-family:Syne,sans-serif;font-size:24px;font-weight:800}.al-sub{letter-spacing:3px;color:#44445a;margin-bottom:40px;font-size:9px}.al-form{flex-direction:column;gap:20px;display:flex}.al-label{letter-spacing:2px;text-transform:uppercase;color:#44445a;flex-direction:column;gap:8px;font-size:9px;display:flex}.al-input{color:#e8e8f0;background:#0d0d14;border:1px solid #1c1c2a;border-radius:2px;outline:none;padding:11px 14px;font-family:DM Mono,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s}.al-input:focus{border-color:#e8ff47;box-shadow:0 0 0 3px #e8ff4712}.al-input:disabled{opacity:.5}.al-error{color:#f55;background:#1a0808;border:1px solid #3a1010;border-radius:2px;padding:10px 14px;font-size:11px;animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.al-btn{color:#09090e;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#e8ff47;border:none;border-radius:2px;justify-content:center;align-items:center;width:100%;min-height:46px;padding:13px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s,transform .1s;display:flex}.al-btn:hover:not(:disabled){opacity:.88}.al-btn:active:not(:disabled){transform:scale(.985)}.al-btn:disabled{opacity:.45;cursor:not-allowed}.al-spinner{border:2px solid #09090e4d;border-top-color:#09090e;border-radius:50%;width:18px;height:18px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.db-root{color:#e0e0ee;background:#09090e;min-height:100vh;font-family:DM Mono,monospace;position:relative}.db-noise{pointer-events:none;z-index:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.db-topbar{z-index:50;background:#0d0d14;border-bottom:1px solid #1a1a28;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex;position:sticky;top:0}.db-topbar__brand{color:#e8ff47;letter-spacing:-.4px;font-family:Syne,sans-serif;font-size:17px;font-weight:800}.db-topbar__brand span{color:#3a3a52;letter-spacing:2px;text-transform:uppercase;margin-left:10px;font-size:11px;font-weight:400}.db-topbar__right{align-items:center;gap:18px;display:flex}.db-clock{color:#3a3a52;letter-spacing:1px;font-size:11px}.db-btn-logout{color:#3a3a52;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #1a1a28;border-radius:2px;padding:6px 14px;font-family:DM Mono,monospace;font-size:10px;transition:border-color .2s,color .2s}.db-btn-logout:hover{color:#ff4747;border-color:#ff4747}.db-main{z-index:1;padding:28px;position:relative}.db-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.db-stat{background:#111118;border:1px solid #1a1a28;border-radius:3px;padding:20px 22px;animation:.45s cubic-bezier(.22,1,.36,1) both fadeUp;position:relative;overflow:hidden}.db-stat:after{content:"";opacity:.3;background:linear-gradient(90deg,#e8ff47,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.db-stat__label{letter-spacing:2px;text-transform:uppercase;color:#3a3a52;margin-bottom:10px;font-size:9px}.db-stat__value{color:#e8ff47;font-family:Syne,sans-serif;font-size:30px;font-weight:800;line-height:1}.db-stat__sub{color:#3a3a52;margin-top:6px;font-size:10px}.db-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.db-toolbar__left{align-items:center;gap:12px;display:flex}.db-toolbar__right{gap:10px;display:flex}.db-section-title{color:#e0e0ee;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.db-badge{color:#3a3a52;background:#161620;border:1px solid #1a1a28;border-radius:20px;padding:3px 10px;font-size:10px}.db-search-wrap{position:relative}.db-search-icon{color:#3a3a52;pointer-events:none;font-size:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.db-search{color:#e0e0ee;background:#111118;border:1px solid #1a1a28;border-radius:2px;outline:none;width:230px;padding:8px 12px 8px 30px;font-family:DM Mono,monospace;font-size:12px;transition:border-color .2s}.db-search:focus{border-color:#e8ff47}.db-btn-primary{color:#09090e;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#e8ff47;border:none;border-radius:2px;padding:8px 18px;font-family:Syne,sans-serif;font-size:11px;font-weight:700;transition:opacity .2s}.db-btn-primary:hover{opacity:.85}.db-btn-secondary{color:#3a3a52;cursor:pointer;background:0 0;border:1px solid #1a1a28;border-radius:2px;padding:8px 14px;font-family:DM Mono,monospace;font-size:11px;transition:border-color .2s,color .2s}.db-btn-secondary:hover{color:#47ffe8;border-color:#47ffe8}.db-table-wrap{background:#111118;border:1px solid #1a1a28;border-radius:3px;overflow:hidden}.db-table-scroll{overflow-x:auto}.db-table{border-collapse:collapse;width:100%;min-width:960px}.db-table thead th{text-align:left;letter-spacing:2px;text-transform:uppercase;color:#3a3a52;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0d0d14;border-bottom:1px solid #1a1a28;padding:11px 15px;font-size:9px;font-weight:500;transition:color .15s}.db-table thead th:hover,.db-table thead th.sorted{color:#e8ff47}.sort-arrow{opacity:.5;font-size:10px}.db-table tbody tr{border-bottom:1px solid #141420;transition:background .12s;animation:.3s both rowIn}@keyframes rowIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.db-table tbody tr:hover{background:#161622}.db-table tbody tr:last-child{border-bottom:none}.db-table td{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:200px;padding:13px 15px;font-size:12px;overflow:hidden}.td-id{color:#3a3a52;letter-spacing:.5px;font-size:10px}.td-name{color:#e0e0ee;font-family:Syne,sans-serif;font-size:13px;font-weight:600}.td-email{color:#47ffe8}.td-phone{color:#c8c8dc}.td-date,.td-device{color:#3a3a52;font-size:11px}.td-ip{color:#3a3a52;font-size:10px}.td-message{color:#c8c8dc}.td-service{color:#e8ff47;letter-spacing:1.5px;text-transform:uppercase;background:#181808;border:1px solid #2c2c08;border-radius:20px;padding:3px 10px;font-size:9px;display:inline-block}.td-service.empty{color:#3a3a52;background:#141420;border-color:#1a1a28}.td-msg-cell{cursor:pointer;position:relative}.db-msg-tooltip{z-index:200;color:#c8c8dc;white-space:normal;background:#161622;border:1px solid #1a1a28;border-radius:3px;width:300px;padding:12px 16px;font-size:12px;line-height:1.6;animation:.15s tooltipIn;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 40px #0009}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.db-state{text-align:center;color:#3a3a52;padding:56px 32px}.db-state__icon{opacity:.4;margin-bottom:10px;font-size:28px}.db-state p{letter-spacing:1px;font-size:12px}.db-spinner{border:2px solid #1a1a28;border-top-color:#e8ff47;border-radius:50%;width:22px;height:22px;margin:0 auto 12px;animation:.65s linear infinite spin}.db-pagination{color:#3a3a52;border-top:1px solid #1a1a28;justify-content:space-between;align-items:center;padding:12px 18px;font-size:11px;display:flex}.db-page-btns{align-items:center;gap:5px;display:flex}.db-page-btns button{color:#3a3a52;cursor:pointer;background:#0d0d14;border:1px solid #1a1a28;border-radius:2px;padding:5px 11px;font-family:DM Mono,monospace;font-size:11px;transition:border-color .15s,color .15s}.db-page-btns button:hover:not(:disabled){color:#e8ff47;border-color:#e8ff47}.db-page-btns button:disabled{opacity:.3;cursor:not-allowed}.db-page-btns button.active{color:#e8ff47;border-color:#e8ff47}.db-ellipsis{color:#3a3a52;padding:0 4px;font-size:12px}.db-toast{z-index:999;letter-spacing:.5px;pointer-events:none;border-radius:3px;padding:11px 18px;font-size:11px;animation:.3s toastIn;position:fixed;bottom:22px;right:22px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.db-toast--success{color:#47ff7a;background:#091409;border:1px solid #1a3a1a}.db-toast--error{color:#f55;background:#140909;border:1px solid #3a1a1a}@media (width<=768px){.db-stats{grid-template-columns:repeat(2,1fr)}.db-main{padding:16px}.db-topbar{padding:0 16px}.db-search{width:160px}}