@font-face{font-family:Hisab;src:local('Inter'),local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f6f5fa;color:#25213a;font-family:Hisab,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}a{color:#6843ae;text-decoration:none}.icon{width:19px;height:19px;flex:none}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e6e1ef;border-radius:12px;background:white;color:#514861;padding:10px 15px;font-weight:600;transition:transform .18s,background .18s,box-shadow .18s}button:hover{background:#f1edf8;box-shadow:0 4px 12px #4626790a}button:active{transform:scale(.98)}.primary{background:#603a9b;border-color:#603a9b;color:white;box-shadow:0 5px 15px #603a9b26}.primary:hover{background:#512b87}.danger{color:#d0455e}.small{padding:6px 10px;font-size:12px}.iconbtn{padding:9px}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid #e9e5f1;display:flex;flex-direction:column;padding:25px 16px;z-index:25;transition:width .2s}.brand{display:flex;align-items:center;margin:0 12px 25px}.brand img{width:180px;height:54px;object-fit:contain}.nav-caption{font-size:10px;font-weight:750;letter-spacing:2px;color:#aaa0ba;padding:9px 16px}.nav-scroll{overflow:auto;flex:1}.navitem{width:100%;border:0;background:transparent;justify-content:flex-start;color:#80758f;gap:13px;margin:3px 0;padding:12px 16px;box-shadow:none;font-size:13px}.navitem .icon{width:18px}.navitem.active{background:#f0e9fb;color:#603a9b;font-weight:750}.navitem:hover{box-shadow:none}.sidebar-footer{border-top:1px solid #eee9f4;padding:18px 8px 0;margin-top:15px}.profile{display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;border-radius:12px;background:#f0e9fb;display:grid;place-items:center;color:#603a9b;font-weight:800}.muted{color:#968ba6;font-size:12px}.workspace{margin-left:242px;width:calc(100% - 242px);transition:margin .2s}.topbar{position:sticky;top:0;z-index:20;background:#f6f5faf0;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:20px 36px;border-bottom:1px solid #eae6f1;gap:12px}.top-left,.top-right,.row{display:flex;align-items:center;gap:12px}.top-left strong{font-size:14px}.top-right .searchbox{width:250px}.searchbox{display:flex;align-items:center;background:white;border:1px solid #e8e2ef;border-radius:12px;padding:0 12px;gap:8px}.searchbox input{border:0;background:none;padding:10px 0;min-width:0;width:100%}.searchbox .icon{color:#aa9cb9;width:17px}.content{max-width:1600px;margin:auto;padding:30px 36px 100px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#a093b2;margin-bottom:7px;text-transform:uppercase}h1{font-size:29px;letter-spacing:-.8px;margin:0;font-weight:750}h2{font-size:17px;letter-spacing:-.3px;margin:0}h3{font-size:14px;margin:0}.subtitle{color:#968ba6;margin:7px 0 0;font-size:13px}.hero{padding:26px 30px;background:#4b267e;color:white;border-radius:22px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px;position:relative;overflow:hidden}.hero:after{content:'';width:220px;height:220px;border:40px solid #ffffff08;border-radius:50%;position:absolute;right:10px;top:-70px;pointer-events:none}.hero .eyebrow{color:#cbb5e9}.hero h2{font-size:23px}.hero p{color:#d6c7e8;margin:8px 0 0;font-size:13px}.hero .primary{background:#ffad4b;border-color:#ffad4b;color:#402848;z-index:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{background:#fff;border:1px solid #eee8f5;border-radius:18px;padding:21px;box-shadow:0 3px 15px #39225603}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#9587a5;font-size:12px}.stat-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#f2eafa;color:#7951b0}.stat-icon.orange{background:#fff2df;color:#e59635}.stat-icon.green{background:#e7f6ee;color:#3c9b6c}.stat-icon.red{background:#ffedf0;color:#db6379}.stat-value{font-size:26px;font-weight:750;letter-spacing:-.8px;margin:12px 0 3px}.green{color:#29966a}.red{color:#d24d66}.purple{color:#6843ae}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-bottom:24px}.panel{background:white;border:1px solid #eee8f5;border-radius:19px;padding:24px;box-shadow:0 3px 15px #39225603;margin-bottom:22px}.grid2 .panel{margin-bottom:0}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.panelhead p{margin:4px 0 0;color:#a091ae;font-size:12px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.accountcard{background:white;border:1px solid #e9e2f3;padding:23px;border-radius:18px;position:relative}.accountcard .value{font-size:24px;font-weight:750;margin:18px 0 8px;letter-spacing:-.7px}.accountcard.cardkind{background:#512b87;color:white;border-color:#512b87}.cardkind .muted{color:#c8b4e2}.cardkind .small{background:#ffffff12;border-color:#ffffff25;color:white}.accountcard h3{font-size:16px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:4px 8px;border-radius:7px;background:#f2edf8;color:#8563b1;white-space:nowrap}.badge.green{background:#e9f7ef;color:#329c6b}.badge.red{background:#ffedf0;color:#d45b74}.badge.orange{background:#fff2df;color:#d79335}.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.filters input,.filters select{width:auto;max-width:230px;background:white}.filters .searchbox{flex:1;min-width:180px}.tabs{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.tabs button{border:0;background:none;color:#a093ad}.tabs button.active{background:#eee6f8;color:#6843ae}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:9px;color:#a79bb3;background:#faf9fc;padding:13px 12px;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #f1edf6;vertical-align:middle}tr:last-child td{border-bottom:0}td strong{font-weight:650}.actions{display:flex;gap:5px;justify-content:flex-end}.amount{font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}.empty{padding:45px 20px;text-align:center;color:#a090b0}.empty .icon{width:32px;height:32px;margin-bottom:12px}.notice{display:flex;gap:12px;background:#fff4e4;border:1px solid #f5dfba;border-radius:13px;padding:14px 18px;color:#a47534;font-size:12px;margin-bottom:22px}.notice .icon{flex:none}.notice.info{background:#f2ecfb;border-color:#e3d7f4;color:#7656a3}.minirow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1edf6}.minirow:last-child{border:0}.minirow .body{flex:1;min-width:0}.minirow .body strong{display:block;font-size:12px}.minirow .stat-icon{width:34px;height:34px}.chart{height:170px;display:flex;align-items:flex-end;gap:14px;padding:10px 5px}.chartcol{flex:1;display:flex;align-items:center;flex-direction:column;gap:8px;min-width:0}.chartbars{height:125px;display:flex;gap:5px;align-items:flex-end;width:100%;justify-content:center}.bar{width:15px;border-radius:5px 5px 2px 2px;min-height:3px;background:#9565d1;transition:height .4s}.bar.out{background:#ffc67e}.chartlabel{font-size:10px;color:#a394b2}.legend{display:flex;gap:18px;font-size:11px;color:#9485a5}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#9565d1;margin-right:6px}.dot.out{background:#ffc67e}.barrow{display:flex;align-items:center;gap:10px;font-size:12px;margin:15px 0}.barrow .label{width:105px;color:#8a7a9c}.bartrack{flex:1;height:7px;background:#f1edf7;border-radius:10px;overflow:hidden}.bartrack .fill{height:100%;background:#9470c4;border-radius:10px}.modalshade{position:fixed;inset:0;z-index:100;background:#23153375;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:22px;animation:fade .15s}.modal{background:#fff;width:700px;max-width:100%;max-height:92dvh;display:flex;flex-direction:column;border-radius:22px;box-shadow:0 25px 90px #2110304d;animation:slide .2s}.modal.wide{width:950px}.modalhead{padding:23px 26px;border-bottom:1px solid #eee8f5;display:flex;justify-content:space-between;align-items:center}.modalbody{padding:24px 26px;overflow:auto;flex:1;min-height:0}.modalfoot{padding:17px 26px;border-top:1px solid #eee8f5;display:flex;justify-content:flex-end;gap:10px;background:#fff;border-radius:0 0 22px 22px;flex:none}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label{font-size:12px;font-weight:650;color:#84728f}.field.full{grid-column:1/-1}input,select,textarea{border:1px solid #e8e0f0;border-radius:11px;padding:11px 12px;background:#fdfcfe;color:#39274d;min-width:0;width:100%;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:#a586cc;outline:2px solid #b49ad42b}textarea{min-height:75px;resize:vertical}.hint{font-size:11px;color:#a394af}.combo{position:relative}.combo input{padding-right:32px}.combo-menu{position:relative;display:none;background:white;border:1px solid #e1d4f0;border-radius:11px;max-height:210px;overflow:auto;margin-top:5px;box-shadow:0 8px 25px #512b870c}.combo.open .combo-menu{display:block}.combo-option{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;border-radius:0;background:white;font-size:12px;padding:11px}.combo-option:hover{background:#f4effb}.selectedhint{font-size:11px;color:#897298;margin-top:4px;min-height:16px}.formerror{color:#c94761;background:#fff0f2;padding:10px 14px;border-radius:10px;font-size:12px;margin-top:15px;display:none}.payrow{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:10px;margin:12px 0;border:1px solid #eee8f4;padding:12px;border-radius:13px;align-items:start}.paymentbox{border-top:1px solid #eee8f4;margin-top:20px;padding-top:18px}.permission{width:auto;accent-color:#674097}.perm-table td{padding:9px}.login{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:#472374;color:white;display:flex;flex-direction:column;justify-content:center;padding:9vw;position:relative;overflow:hidden}.login-art:after{content:'';width:550px;height:550px;border:90px solid #ffffff05;border-radius:50%;position:absolute;right:-270px;bottom:-200px}.login-art img{width:240px;background:#fff8e5;border-radius:18px;padding:10px;margin-bottom:60px}.login-art h1{font-size:46px;line-height:1.18;max-width:440px;letter-spacing:-1.5px}.login-art p{font-size:15px;color:#cbb6e0;max-width:380px;margin:24px 0 45px}.login-list{display:flex;flex-direction:column;gap:15px;color:#d5c6e6;font-size:12px}.login-list div{display:flex;align-items:center;gap:12px}.login-form{display:flex;align-items:center;justify-content:center;padding:35px}.login-form form{width:340px;max-width:100%}.login-form h1{font-size:30px}.login-form .field{margin:20px 0}.login-form button{width:100%;margin-top:12px;padding:13px}.login-foot{font-size:11px;color:#b0a4bc;margin-top:30px;text-align:center}.initial{height:90vh;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column}.initial img{width:220px}.spinner{width:23px;height:23px;border:2px solid #e9ddf6;border-top-color:#603a9b;border-radius:50%;animation:spin 1s linear infinite}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#3d2655;color:white;border-radius:13px;padding:13px 22px;z-index:200;box-shadow:0 10px 30px #39225630;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;font-size:13px}#toast.show{opacity:1}.bottomnav{display:none}.collapsed .sidebar{width:78px;padding:25px 10px}.collapsed .brand{margin:0 3px 25px}.collapsed .brand img{width:51px;object-fit:cover;object-position:left;height:51px}.collapsed .navitem span,.collapsed .nav-caption,.collapsed .sidebar-footer .profile div:not(.avatar),.collapsed .sidebar-footer button span{display:none}.collapsed .navitem{justify-content:center;padding:13px}.collapsed .workspace{margin-left:78px;width:calc(100% - 78px)}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px;background:#f8f5fc;border-radius:13px;margin-bottom:20px}.readout strong{display:block;font-size:20px}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px;color:#a292af;font-size:12px}.installhint{line-height:1.8}.receipt-preview{max-height:190px;max-width:100%;border-radius:12px}.audittext{font-family:monospace;font-size:11px;white-space:pre-wrap;word-break:break-word}.viewdetail{font-size:12px;color:#8b789d;white-space:pre-wrap}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1edf6}.reminder-dot{width:7px;height:7px;background:#ef9b45;border-radius:50%;margin-left:auto}.progress{height:6px;border-radius:10px;background:#eee6f8;margin:14px 0;overflow:hidden}.progress>div{height:100%;background:#9360c7}.space{height:16px} @keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.content{padding-left:50px;padding-right:50px}.topbar{padding-left:50px;padding-right:50px}}@media(max-width:1150px){.stats{gap:12px}.stat{padding:17px}.stat-value{font-size:23px}.account-grid{grid-template-columns:repeat(2,1fr)}.content{padding:25px 22px 100px}.topbar{padding:17px 22px}.top-right .searchbox{width:190px}.grid2{grid-template-columns:1fr}.login-art{padding:7vw}.login-art h1{font-size:36px}}@media(max-width:800px){.sidebar{display:none}.workspace,.collapsed .workspace{margin:0;width:100%}.topbar{padding:15px 18px}.top-right .searchbox{display:none}.top-left .iconbtn{display:none}.topbar .top-left strong{font-size:13px}.content{padding:22px 16px 115px}.pagehead{gap:10px;margin-bottom:20px}.pagehead h1{font-size:25px}.pagehead .subtitle{font-size:12px}.pagehead .row{gap:5px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:16px}.stat-value{font-size:23px}.stat-top{font-size:11px}.stat-icon{width:30px;height:30px}.hero{padding:22px;align-items:flex-start;flex-direction:column}.hero h2{font-size:21px}.hero p{font-size:12px}.panel{padding:18px}.bottomnav{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;background:#fff;border-top:1px solid #ede6f6;padding:9px 6px calc(9px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -5px 25px #39225605}.bottomnav button{flex-direction:column;gap:4px;padding:6px 12px;border:0;background:transparent;font-size:9px;color:#a090b1;border-radius:10px}.bottomnav button.active{color:#6843ae;background:#f1eafa}.bottomnav button.add{background:#603a9b;color:white;border-radius:15px;min-width:52px}.account-grid{gap:12px}.accountcard{padding:18px}.accountcard .value{font-size:22px}table.mobilecards thead{display:none}table.mobilecards tbody,table.mobilecards tr{display:block;width:100%}table.mobilecards tr{padding:12px 0;border-bottom:1px solid #f0eaf6;display:flex;flex-wrap:wrap;gap:7px}table.mobilecards td{padding:3px 0;border:none;display:block;width:50%}table.mobilecards td:first-child{width:100%}table.mobilecards td:last-child{width:100%}.mobilecards .actions{justify-content:flex-start}.modalshade{padding:0;align-items:flex-end}.modal{border-radius:22px 22px 0 0;max-height:94dvh;width:100%}.modalhead{padding:20px}.modalbody{padding:20px}.modalfoot{border-radius:0;padding:14px 20px calc(14px + env(safe-area-inset-bottom))}.formgrid{gap:15px}.readout{gap:9px;padding:14px}.readout strong{font-size:18px}.payrow{grid-template-columns:1fr 1fr;padding:10px}.payrow .combo{grid-column:1/-1}.login{grid-template-columns:1fr}.login-art{display:none}.login-form{padding:12vh 30px}.login-form form:before{content:'';display:block;background:url(logo.svg) no-repeat left center;background-size:210px;width:230px;height:80px;margin-bottom:35px}.filters{gap:9px}.filters input[type=date]{width:calc(50% - 5px);max-width:none}.filters select{max-width:100%;flex:1}.notice{padding:13px;font-size:11px}.chart{gap:8px}.barrow .label{width:95px;font-size:11px}.perm-table{font-size:10px}.perm-table th{letter-spacing:0;font-size:9px;padding:8px 5px}.perm-table td{padding:8px 5px}#toast{bottom:95px}.top-right .installtext{display:none}.field.full-mobile{grid-column:1/-1}.permission{width:17px;height:17px}.summarysmall{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.sidebar,.topbar,.bottomnav,.pagehead .row,.filters,.actions,button{display:none!important}.workspace{margin:0;width:100%}.content{padding:0}.panel{border:0;box-shadow:none}.tablewrap{overflow:visible}.hero{color:black;background:white}}