@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,-apple-system,sans-serif;color:#ebf5f4;background:#07171c;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}.app-shell{display:flex;min-height:100dvh;background:#09191e}.sidebar{width:256px;flex-shrink:0;background:#07151a;border-right:1px solid #20353c;padding:31px 19px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border:1px solid #36d4a0;border-radius:13px;display:grid;place-items:center;font:700 29px Outfit;line-height:1;color:#eafff6;box-shadow:inset 0 0 18px #13694c55}.brand-mark span{color:#44d7a9}.brand strong{display:block;font:700 16px Outfit;letter-spacing:.06em}.brand strong span{color:#43dfa9}.brand small{display:block;color:#708c92;font-size:9px;letter-spacing:.18em;margin-top:3px}.side-label,.eyebrow{color:#53dcb2;font-size:10px;font-weight:800;letter-spacing:.18em}.side-label{color:#638187;margin:52px 12px 17px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:none;color:#8ea4a8;display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:13px;border-radius:10px;font-size:14px;font-weight:600}.nav-item:hover,.nav-item.active{background:#13312f;color:#eafff7}.nav-item.active svg{color:#49dcaa}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#4be3ae}.sidebar-bottom{margin-top:auto;padding-top:30px}.connection{font-size:12px;color:#b5d0c9;display:flex;align-items:center;gap:8px}.pulse{width:7px;height:7px;border-radius:50%;background:#39dea4;box-shadow:0 0 12px #39dea4}.side-note{font-size:11px;color:#6e8990;line-height:1.6;margin:12px 0 19px}.account-button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;background:none;border:0;border-top:1px solid #20353c;padding:18px 0 0;color:#cfdfdb}.account-button>span{min-width:0;flex:1;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-button small{display:block;color:#708e92;margin-top:3px}.avatar{border-radius:10px;background:#1b403b;color:#67ebba;width:32px;height:32px;display:grid;place-items:center;font-weight:700}.workspace{flex:1;min-width:0}.topbar{height:79px;padding:0 clamp(22px,4vw,61px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d343a;background:#0a1b20}.topbar-breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.15em;color:#638189}.topbar-breadcrumb strong{color:#d8efea;font-weight:700}.top-actions{display:flex;align-items:center;gap:15px}.secure-tag{color:#66dcb2;font-size:11px;display:flex;align-items:center;gap:6px}.icon-button{border:1px solid #29434a;background:#11252a;color:#d9eae5;border-radius:9px;width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#1b393d}.content{max-width:1370px;margin:0 auto;padding:clamp(25px,3.6vw,58px) clamp(20px,4vw,60px) 90px}.page-intro{margin-bottom:36px}.page-intro h1,.section-head h1{font-family:Outfit,sans-serif;font-size:clamp(31px,3.2vw,47px);font-weight:600;line-height:1.1;letter-spacing:-.03em;margin:12px 0}.page-intro h1 span{color:#48dbac}.page-intro p,.section-head p{font-size:14px;color:#8fa7aa;margin:12px 0}.section-head{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:28px}.section-head h1{font-size:37px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stats.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric,.panel{background:#102329;border:1px solid #244047;border-radius:15px}.metric{padding:23px 21px}.metric-head{display:flex;justify-content:space-between;align-items:center;gap:7px;color:#9ab3b4;font-size:12px;font-weight:600}.metric-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#1c3b39;color:#53d9ac}.metric>strong{display:block;font:600 clamp(25px,2.8vw,36px) Outfit;margin:19px 0 8px;letter-spacing:-.03em}.metric small{color:#6c9094;font-size:11px}.columns{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.panel{padding:25px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.panel h2{font:600 22px Outfit;letter-spacing:-.015em;margin:7px 0}.text-button{border:0;background:none;color:#52d7aa;display:flex;gap:8px;align-items:center;font-size:12px;font-weight:600}.line-item,.client-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #203940}.line-item:last-of-type{border:0}.initial{background:#1c4240;border-radius:12px;width:39px;height:39px;display:grid;place-items:center;color:#aaf8d9;font:700 17px Outfit;flex:none}.line-main{min-width:0;flex:1}.line-main strong{display:block;font-size:13px;font-weight:600}.line-main small{display:block;font-size:11px;color:#739497;margin-top:6px}.line-date{font-size:11px;color:#779297}.secondary-action{border:1px dashed #41605e;background:#14302e;color:#72e4b9;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin-top:22px;border-radius:9px;font-size:12px;font-weight:700}.system-row{display:flex;align-items:center;gap:12px;margin-bottom:22px}.system-icon{width:39px;height:39px;background:#193635;color:#60d7af;border-radius:11px;display:grid;place-items:center;flex:none}.system-row>div:nth-child(2){flex:1;min-width:0}.system-row strong{display:block;font-size:12px}.system-row small{display:block;font-size:11px;color:#769598;margin-top:5px}.status-chip{border:1px solid #3b5358;color:#9cb0b3;border-radius:99px;font-size:10px;padding:5px 9px;white-space:nowrap}.status-chip.green{color:#5cdbad;border-color:#23684f;background:#163b32}.small-note{padding:13px;border-radius:10px;background:#162d32;color:#849da0;font-size:11px;line-height:1.7}.button{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700;padding:12px 17px;min-height:43px}.button.primary{background:#4bdeb0;color:#06241b}.button.primary:hover{background:#79edc6}.button.subtle{background:#1d363a;color:#d7eae5}.button.full{width:100%}.search-box{display:flex;align-items:center;gap:12px;background:#12272c;border:1px solid #345057;border-radius:10px;color:#80a7a5;padding:0 15px;max-width:500px;margin-bottom:20px}.search-box input{border:0;background:none;width:100%;padding:15px 0;outline:none;color:#eef9f6}.client-layout{grid-template-columns:.9fr 1.1fr}.list-panel{padding:14px}.client-row{border:0;border-bottom:1px solid #243d42;background:none;color:#e8f4ef;width:100%;text-align:left;padding:13px 12px;border-radius:9px}.client-row:hover,.client-row.selected{background:#193734}.client-row svg{color:#789f9d}.details-panel form{display:grid}.record{border-bottom:1px solid #2a4349;padding:17px 0}.record:first-child{padding-top:0}.record:last-child{border-bottom:0;padding-bottom:0}.record-top{display:flex;align-items:center;gap:12px}.record-top strong{font-size:14px}.record-top time{font-size:11px;color:#829a9f;margin-left:auto}.record p{color:#c5d9d4;line-height:1.65;font-size:13px;margin:11px 0 0;white-space:pre-wrap}.translated{display:flex;gap:10px;background:#1c3a38;color:#a9e8d1;padding:11px;border-radius:9px;margin-top:12px;font-size:12px;white-space:pre-wrap}.record-money{font:600 19px Outfit;color:#6debb8;margin-left:auto}.secondary-text{color:#819d9f!important}.record-foot{display:flex;align-items:center;gap:15px;margin-top:15px}.record-foot label{margin:0}.record-foot select{max-width:250px;padding:8px 10px}.settings-card{margin-bottom:20px}.settings-row{display:flex;justify-content:space-between;gap:25px;padding:14px 0;border-bottom:1px solid #274047;font-size:13px}.settings-row span{color:#97b0b2}.settings-row strong{font-weight:600;text-align:right;overflow-wrap:anywhere}.settings-card>.button{margin-top:25px}.settings-card p{color:#a8c1be;font-size:13px;line-height:1.7}.info-strip{display:flex;gap:10px;align-items:center;background:#183632;color:#8fdfc0;border-radius:9px;padding:13px;font-size:12px;line-height:1.5;margin:20px 0}.banner{display:flex;align-items:center;gap:10px;margin-bottom:17px;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.5}.banner button{margin-left:auto;border:0;background:none;color:inherit}.banner.good{background:#15392e;color:#87edbf}.banner.bad{background:#45292c;color:#ffd1d1}.banner.warn{background:#4a3a22;color:#f3d6a2}.banner code{color:#fff}.empty{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.empty-icon{width:52px;height:52px;border-radius:15px;background:#1a3638;color:#65d7b0;display:grid;place-items:center;margin-bottom:18px}.empty strong{font:600 16px Outfit}.empty p{max-width:300px;color:#78969a;font-size:12px;line-height:1.6;margin:8px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020c0fbb;z-index:50;display:flex;justify-content:center;align-items:center;padding:20px}.modal{width:100%;max-width:480px;max-height:92dvh;overflow-y:auto;background:#11282d;border:1px solid #37565a;border-radius:18px;padding:27px;box-shadow:0 24px 80px #0009}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.modal h2{font:600 26px Outfit;margin:6px 0}.modal form,.auth-card form,.details-panel form{display:grid;gap:9px}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}label{font-size:12px;color:#b4cec9;font-weight:600;margin:9px 0 2px}input,textarea,select{background:#0a1c21;color:#e8f8f1;border:1px solid #345158;border-radius:9px;width:100%;min-height:42px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#50d9ac;box-shadow:0 0 0 2px #50d9ac22}textarea{resize:vertical}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 60% 10%,#174f42,#091a20 46%,#061318);padding:22px}.auth-card{background:#10252a;border:1px solid #335553;border-radius:20px;width:100%;max-width:430px;padding:35px;box-shadow:0 20px 70px #0005}.auth-card .brand{margin-bottom:40px}.auth-card h1{font:600 37px Outfit;line-height:1.13;letter-spacing:-.03em;margin:16px 0}.auth-card h1 span{color:#56e2b2}.auth-card p{color:#96b5b1;font-size:13px;line-height:1.8;margin-bottom:26px}.auth-card form{gap:13px}.auth-card .input-icon{position:relative}.auth-card .input-icon svg{position:absolute;top:13px;left:13px;color:#71a19a}.auth-card .input-icon input{padding-left:42px}.auth-foot{border-top:1px solid #2c4749;margin-top:30px;padding-top:20px;display:flex;align-items:center;gap:8px;color:#769e95;font-size:11px}.feedback{font-size:12px!important;margin:10px 0!important}.feedback.success{color:#79ecbc!important}.feedback.error{color:#ff9a9a!important}.loading-symbol{width:32px;height:32px;border:3px solid #235246;border-top-color:#54d9af;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}.sidebar{width:224px}.panel{padding:19px}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;width:100%;height:auto;z-index:20;flex-direction:row;justify-content:center;display:block;padding:8px max(8px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom));background:#08181df2;border-right:0;border-top:1px solid #29454a;overflow:visible}.sidebar>.brand,.sidebar>.side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-between;gap:2px}.nav-item{width:auto;min-width:48px;flex:1;flex-direction:column;gap:5px;justify-content:center;padding:7px 2px;font-size:9px}.nav-item svg{width:19px;height:19px}.nav-dot{display:none}.topbar{height:62px;padding:0 19px}.topbar-breadcrumb{font-size:10px}.content{padding:28px 15px 125px}.page-intro{margin-bottom:26px}.page-intro h1{font-size:32px}.section-head{align-items:flex-start;flex-direction:column;gap:16px}.section-head h1{font-size:33px}.stats{gap:10px}.metric{padding:17px 13px}.metric-head{font-size:10px}.metric-icon{width:29px;height:29px}.metric>strong{font-size:25px;margin:15px 0 7px}.metric small{font-size:10px}.panel{padding:18px}.system-row,.record-top{flex-wrap:wrap}.record-top time{margin-left:0}.settings-row{flex-direction:column;gap:6px}.settings-row strong{text-align:left}.auth-card{padding:28px}.auth-card h1{font-size:32px}}