*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1117;color:#e4e6ef;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:#6366f1;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}input,textarea,select{font:inherit;color:#e4e6ef;background:#2a2d3a;border:1px solid #2e3140;border-radius:8px;padding:10px 14px;outline:none;transition:border-color .2s ease}input:focus,textarea:focus,select:focus{border-color:#6366f1}textarea{resize:vertical}table{border-collapse:collapse;width:100%}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#6366f1;color:#fff;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .2s ease;white-space:nowrap}.btn:hover{background:#818cf8}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--sm{padding:7px 12px;font-size:.82rem}.btn--secondary{background:#2a2d3a;border:1px solid #2e3140}.btn--secondary:hover{background:#2f3344}.btn--icon{padding:6px}.pagination{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:.9rem;color:#9ca3af}.pagination button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#2a2d3a;border:1px solid #2e3140;border-radius:8px;color:#9ca3af;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#2f3344;color:#e4e6ef}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination__total{margin-left:auto;color:#6b7280;font-size:.85rem}.layout{display:flex;height:100vh;overflow:hidden}.layout__content{flex:1;overflow-y:auto;padding:32px 40px}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:24px}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.25rem;color:#9ca3af}.sidebar{width:220px;background:#1a1d27;border-right:1px solid #2e3140;display:flex;flex-direction:column;padding:20px 0;flex-shrink:0}.sidebar__logo{font-size:1.25rem;font-weight:700;padding:0 20px 20px;border-bottom:1px solid #2e3140;margin-bottom:12px;color:#6366f1}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:0 8px;flex:1}.sidebar__link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:#9ca3af;font-size:.9rem;transition:all .2s ease}.sidebar__link:hover{background:#2f3344;color:#e4e6ef}.sidebar__link.active{background:#6366f126;color:#6366f1}.sidebar__logout{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#6b7280;font-size:.9rem;transition:color .2s ease}.sidebar__logout:hover{color:#ef4444}.login{display:flex;align-items:center;justify-content:center;height:100vh;background:#0f1117}.login__form{background:#21242f;border:1px solid #2e3140;border-radius:12px;padding:40px 36px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.login__icon{display:flex;justify-content:center;color:#6366f1}.login__title{text-align:center;font-size:1.4rem;font-weight:600}.login__error{background:#ef44441f;color:#ef4444;padding:10px 14px;border-radius:8px;font-size:.85rem}.login__input{width:100%;padding:12px 14px;font-size:.95rem}.login__btn{width:100%;padding:12px;background:#6366f1;color:#fff;border-radius:8px;font-weight:500;font-size:.95rem;transition:background .2s ease}.login__btn:hover{background:#818cf8}.login__btn:disabled{opacity:.6;cursor:not-allowed}.dashboard__card{background:#21242f;border:1px solid #2e3140;border-radius:12px;padding:24px;max-width:420px}.dashboard__card-header{display:flex;align-items:center;gap:10px;font-weight:500;margin-bottom:20px;color:#e4e6ef}.dashboard__card-body{display:flex;align-items:center;justify-content:space-between}.dashboard__status{font-size:.95rem;color:#9ca3af}.toggle{width:48px;height:26px;background:#2a2d3a;border:1px solid #2e3140;border-radius:13px;position:relative;transition:all .2s ease}.toggle--on{background:#6366f1;border-color:#6366f1}.toggle__knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle--on .toggle__knob{transform:translate(22px)}.twofa__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.twofa__header .page-title{margin-bottom:0}.twofa__timer{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600;color:#e4e6ef;min-width:180px}.twofa__timer-track{flex:1;height:8px;background:#2a2d3a;border-radius:4px;overflow:hidden}.twofa__timer-bar{height:100%;background:#6366f1;border-radius:4px;transition:width 1s linear}.twofa__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 16px;flex-wrap:wrap}.twofa__search{display:flex;align-items:center;gap:8px;background:#2a2d3a;border:1px solid #2e3140;border-radius:8px;padding:0 12px;flex:1;max-width:320px}.twofa__search input{border:none;background:none;padding:10px 0;flex:1}.twofa__search input:focus{border-color:transparent}.twofa__search svg{color:#6b7280;flex-shrink:0}.twofa__actions{display:flex;gap:6px;flex-wrap:wrap}.twofa__add-form{background:#21242f;border:1px solid #2e3140;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;max-width:420px}.twofa__add-form input{width:100%}.twofa__add-form-header{display:flex;align-items:center;justify-content:space-between;font-weight:500}.twofa__add-form-header button{color:#6b7280}.twofa__add-form-header button:hover{color:#e4e6ef}.twofa__list{display:flex;flex-direction:column;gap:4px}.twofa__entry{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#21242f;border:1px solid #2e3140;border-radius:8px;transition:border-color .2s ease}.twofa__entry:hover{border-color:#3b3f52}.twofa__entry-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.twofa__entry-issuer{font-size:.8rem;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.twofa__entry-name{font-size:.9rem;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.twofa__entry-code{font-size:1.35rem;font-weight:600;font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:.15em;color:#6366f1;flex-shrink:0}.twofa__entry-code--copyable{cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.twofa__entry-code--copyable:hover{background:#6366f126}.twofa__entry-code--copyable:active{transform:scale(.95)}.twofa__entry-del{color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.twofa__entry-del:hover{color:#ef4444;background:#ef44441a}.twofa__camera{background:#21242f;border:1px solid #2e3140;border-radius:8px;padding:16px;margin-bottom:16px;max-width:420px;text-align:center}.twofa__camera-video{width:100%;max-height:300px;border-radius:8px;background:#000;object-fit:cover}.twofa__camera-hint{margin-top:10px;font-size:.85rem;color:#6b7280}.twofa__empty{text-align:center;color:#6b7280;padding:40px}.payments__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.payments__header .page-title{margin-bottom:0}.payments__table-wrap{overflow-x:auto}.payments__table th,.payments__table td{padding:12px 16px;text-align:left;font-size:.9rem;white-space:nowrap}.payments__table thead th{color:#6b7280;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #2e3140}.payments__table tbody tr{border-bottom:1px solid #2e3140;transition:background .2s ease}.payments__table tbody tr:hover{background:#2f3344}.payments__table tbody td{color:#9ca3af}.payments__num{color:#6b7280!important;font-size:1rem!important;width:40px}.payments__status{font-weight:500;font-size:.85rem}.payments__empty{text-align:center;color:#6b7280;padding:40px!important}.create-payment{max-width:500px}.create-payment__form{display:flex;flex-direction:column;gap:16px}.create-payment__form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.create-payment__form label span{color:#9ca3af}.create-payment__form label input,.create-payment__form label textarea{width:100%}.create-payment__items{display:flex;flex-direction:column;gap:10px}.create-payment__items-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#9ca3af}.create-payment__item{display:flex;gap:8px;align-items:center}.create-payment__item input{flex:1;min-width:0}.create-payment__item-del{color:#6b7280;padding:6px;border-radius:4px;flex-shrink:0;transition:all .2s ease}.create-payment__item-del:hover{color:#ef4444;background:#ef44441a}.create-payment__actions{display:flex;gap:10px;margin-top:8px}.form-error{background:#ef44441f;color:#ef4444;padding:10px 14px;border-radius:8px;font-size:.85rem}.pay-public{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f1117;padding:20px}.pay-public__loading{color:#9ca3af;font-size:1.25rem}.pay-public__error{color:#ef4444;font-size:1.1rem}.pay-public__card{background:#21242f;border:1px solid #2e3140;border-radius:12px;padding:32px;width:100%;max-width:420px}.pay-public__header{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#6366f1}.pay-public__header h2{font-size:1.25rem;color:#e4e6ef}.pay-public__details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.pay-public__row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.pay-public__row span:first-child{color:#6b7280}.pay-public__row strong{color:#e4e6ef}.pay-public__row--total{padding-top:12px;border-top:1px solid #2e3140;font-size:1.05rem}.pay-public__row--total strong{font-size:1.15rem;color:#6366f1}.pay-public__error-msg{background:#ef44441f;color:#ef4444;padding:10px 14px;border-radius:8px;font-size:.85rem;margin-bottom:16px}.pay-public__form{display:flex;flex-direction:column;gap:12px}.pay-public__form input{width:100%;padding:12px 14px}.pay-public__form button{width:100%;padding:14px;background:#6366f1;color:#fff;border-radius:8px;font-weight:600;font-size:1rem;transition:background .2s ease}.pay-public__form button:hover{background:#818cf8}.pay-public__form button:disabled{opacity:.6;cursor:not-allowed}.pay-public__result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.pay-public__result h2{font-size:1.3rem}.pay-public__result p{color:#9ca3af}.pay-public__result--success{color:#10b981}.pay-public__result--fail{color:#ef4444}.autoreply__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.autoreply__header .page-title{margin-bottom:0}.autoreply__toggle-wrap{display:flex;align-items:center;gap:12px}.autoreply__status-text{font-size:.85rem;color:#6b7280}.autoreply__desc{color:#6b7280;font-size:.85rem;margin-bottom:20px}.autoreply__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:.85rem;color:#6b7280}.autoreply__form{background:#21242f;border:1px solid #2e3140;border-radius:8px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.autoreply__form-header{display:flex;align-items:center;justify-content:space-between}.autoreply__form-header h3{font-size:1rem;font-weight:600}.autoreply__form-close{color:#6b7280;transition:color .2s ease}.autoreply__form-close:hover{color:#e4e6ef}.autoreply__form-actions{display:flex;gap:8px}.autoreply__list{display:flex;flex-direction:column;gap:10px}.autoreply__card{background:#21242f;border:1px solid #2e3140;border-radius:8px;padding:16px;transition:border-color .2s ease}.autoreply__card:hover{border-color:#6366f1}.autoreply__card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#6366f1}.autoreply__card-header strong{flex:1;font-size:.9rem;font-weight:500;color:#e4e6ef}.autoreply__card-actions{display:flex;gap:4px}.autoreply__card-actions button{padding:4px 6px;border-radius:4px;color:#6b7280;transition:all .2s ease}.autoreply__card-actions button:hover{color:#e4e6ef;background:#2f3344}.autoreply__card-actions button:last-child:hover{color:#ef4444;background:#ef44441a}.autoreply__card-msg{font-size:.85rem;color:#9ca3af;white-space:pre-wrap;line-height:1.5}.autoreply__empty{text-align:center;color:#6b7280;padding:40px 20px;font-size:.9rem}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:#21242f;color:#e4e6ef;border:1px solid #6366f1;padding:10px 18px;border-radius:8px;font-size:.85rem;font-weight:500;box-shadow:0 4px 20px #0006;animation:toast-in .25s ease,toast-out .3s ease 1.7s forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media (max-width: 768px){.layout{flex-direction:column;height:100vh;height:100dvh}.layout__content{flex:1;padding:16px 16px 72px;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar{width:100%;order:2;position:fixed;bottom:0;left:0;right:0;z-index:100;flex-direction:row;align-items:center;padding:0;border-right:none;border-top:1px solid #2e3140;background:#1a1d27}.sidebar__logo{display:none}.sidebar__nav{flex-direction:row;flex:1;justify-content:center;gap:0;padding:0}.sidebar__link{flex-direction:column;gap:4px;padding:10px 16px;font-size:.7rem;border-radius:0;flex:1;justify-content:center;align-items:center;text-align:center}.sidebar__link.active{background:transparent;border-top:2px solid #6366f1}.sidebar__logout{flex-direction:column;gap:4px;padding:10px 12px;font-size:.7rem}.sidebar__logout span{font-size:.7rem}.page-title{font-size:1.2rem;margin-bottom:16px}.twofa__header{flex-direction:column;align-items:flex-start;gap:10px}.twofa__timer{width:100%}.twofa__toolbar{flex-direction:column;align-items:stretch;gap:10px;margin:12px 0}.twofa__search{max-width:100%}.twofa__actions{flex-wrap:wrap;gap:6px}.twofa__add-form,.twofa__camera{max-width:100%}.twofa__entry{padding:10px 12px;gap:8px}.twofa__entry-code{font-size:1.1rem;letter-spacing:.1em}.twofa__entry-issuer{font-size:.7rem}.twofa__entry-name{font-size:.8rem}.payments__header{flex-wrap:wrap;gap:10px;margin-bottom:12px}.payments__header .page-title{margin-bottom:0}.payments__table th,.payments__table td{padding:10px 8px;font-size:.8rem}.payments__table thead th{font-size:.7rem}.create-payment{max-width:100%}.create-payment__form{gap:12px}.create-payment__form label{font-size:.85rem}.create-payment__actions{flex-direction:column}.create-payment__actions .btn{width:100%;justify-content:center}.dashboard__card{max-width:100%}.pagination{flex-wrap:wrap;gap:8px;margin-top:16px}.login__form{margin:0 16px;padding:28px 24px}.pay-public{padding:16px}.pay-public__card{padding:24px 20px}.pay-public__row{font-size:.85rem}.pay-public__form button{padding:14px;font-size:.95rem}}@media (max-width: 380px){.sidebar__link{padding:8px;font-size:.65rem}.sidebar__link svg{width:16px;height:16px}.sidebar__logout{padding:8px;font-size:.65rem}.sidebar__logout svg{width:16px;height:16px}.twofa__entry-code{font-size:.95rem}.btn--sm{padding:6px 8px;font-size:.75rem}.layout__content{padding:12px 12px 68px}}