@font-face{font-family:Almarai;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/almarai-arabic-300-normal-DKYkuF7Q.woff2)format("woff2"),url(/assets/almarai-arabic-300-normal-C1mF5o9p.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/almarai-latin-300-normal-D2L8TtII.woff2)format("woff2"),url(/assets/almarai-latin-300-normal-CcpAOBTk.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almarai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/almarai-arabic-400-normal-BFOw1b4Z.woff2)format("woff2"),url(/assets/almarai-arabic-400-normal-BFru3eIr.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/almarai-latin-400-normal-vHk6bQw7.woff2)format("woff2"),url(/assets/almarai-latin-400-normal-nk-oBp0x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Almarai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/almarai-arabic-700-normal-RufW5IrK.woff2)format("woff2"),url(/assets/almarai-arabic-700-normal-ChHbFnJB.woff)format("woff");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Almarai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/almarai-latin-700-normal-CmEa8QLc.woff2)format("woff2"),url(/assets/almarai-latin-700-normal-Bw55lGft.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2)format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2)format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2)format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2)format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2)format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2)format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2)format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff)format("woff");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2)format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2)format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#f5ede0;--caramel:#c8905d;--caramel-dark:#b37e4b;--caramel-soft:#f0e2cf;--deep:#89533b;--bg:var(--cream);--card:#fdfaf4;--ink:#3a332c;--ink-2:#6b655d;--ink-3:#a69d91;--line:#e9dfce;--sand:#efe5d3;--green:#5f7d5c;--green-soft:#edf0e9;--red:#a65b49;--red-soft:#f3e7e1;--radius:16px;--shadow:0 1px 2px #6e422e0d, 0 5px 16px #6e422e0f;--safe-b:env(safe-area-inset-bottom,0px);--font-ar:"Almarai", "Segoe UI", system-ui, sans-serif;--font-en:"Poppins", "Almarai", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ar);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh}a,button,input,select,textarea,label,.tree-row,.v-item,.ss-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,select,textarea,button{font-family:inherit;font-size:16px}input:not([type=checkbox]):not([type=radio]),select,textarea{appearance:none}.field input[type=date]{background:#fffefb;min-height:48px}.num,.en{font-family:var(--font-en)}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:30;background-color:var(--deep);color:var(--cream);padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #6e422e2e}.topbar .brand{letter-spacing:.4px;color:var(--cream);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.topbar .brand .logo-mark{width:34px;height:34px;color:var(--cream)}.topbar .brand .b-title{font-family:var(--font-en);font-weight:600}.topbar .brand .b-sub{color:#e3d5c0;letter-spacing:0;font-size:10px;font-weight:400;display:block}.topbar .user-chip{color:var(--cream);background:#f5ede01a;border:1px solid #f5ede026;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.topbar .logout-btn{color:#e3c9ae;cursor:pointer;background:0 0;border:none;padding:4px;font-family:inherit;font-size:12px;font-weight:700}.main-area{flex:1;width:100%;display:flex}.content{padding:16px;padding-bottom:calc(88px + var(--safe-b));flex:1;width:100%;max-width:1100px;margin:0 auto}.bottom-nav{z-index:40;background:var(--card);border-top:1px solid var(--line);padding:7px 4px calc(7px + var(--safe-b));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #6e422e12}.bottom-nav a{color:var(--ink-3);border-radius:12px;flex-direction:column;align-items:center;gap:3px;min-width:56px;padding:4px 8px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.bottom-nav .nav-ic{width:23px;height:23px}.bottom-nav .active{color:var(--caramel-dark);font-weight:700}.sidebar{display:none}@media (width>=900px){.bottom-nav{display:none}.content{padding-bottom:24px}.sidebar{border-inline-end:1px solid var(--line);background:#fff;flex-direction:column;gap:3px;width:250px;min-width:250px;padding:18px 12px;display:flex}.sidebar a{color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.sidebar a .nav-ic{width:19px;height:19px;color:var(--caramel-dark)}.sidebar a:hover{color:var(--ink);background:#faf4e9}.sidebar .active{background:var(--caramel-soft);color:var(--deep);font-weight:700}.sidebar .sec-title{color:var(--ink-3);letter-spacing:.6px;padding:16px 14px 5px;font-size:10.5px;font-weight:700}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #f1e9da;margin-bottom:14px;padding:16px}.page-title{color:var(--ink);align-items:center;gap:9px;margin-bottom:4px;font-size:19px;font-weight:700;display:flex}.page-title .pt-ic{width:24px;height:24px;color:var(--caramel)}.page-sub{color:var(--ink-2);margin-bottom:16px;font-size:12.5px}.card-title{align-items:center;gap:8px;margin-bottom:12px;font-size:14.5px;font-weight:700;display:flex}.card-title .ct-ic{width:18px;height:18px;color:var(--caramel)}.stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}@media (width>=700px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #f1e9da;padding:13px 14px}.stat .label{color:var(--ink-2);margin-bottom:6px;font-size:11.5px;font-weight:500}.stat .value{text-align:right;font-size:19px;font-weight:700;font-family:var(--font-en);color:var(--ink);direction:ltr}.stat.green .value{color:var(--green)}.stat.red .value{color:var(--red)}.stat.brand .value{color:var(--caramel-dark)}.form-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=700px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}}.form-grid>*,.filters>*,.stats-grid>*{min-width:0}.field label{color:var(--ink-2);margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.field label .req{color:var(--red)}.field input,.field select,.field textarea{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fffefb;border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--caramel);box-shadow:0 0 0 3px var(--caramel-soft);outline:none}.field textarea{resize:vertical;min-height:70px}.amount-input input{text-align:center;color:var(--ink);letter-spacing:.5px;font-size:23px;font-weight:700;font-family:var(--font-en);direction:ltr}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:14.5px;font-weight:700;transition:transform .1s,opacity .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--caramel);color:#fff9ef}.btn-primary:hover{background:var(--caramel-dark)}.btn-green,.btn-red{background:var(--caramel);color:#fff9ef}.btn-green:hover,.btn-red:hover{background:var(--caramel-dark)}.btn-navy{background:var(--deep);color:var(--cream)}.btn-ghost{color:var(--ink-2);background:#f0e8d9}.btn-block{width:100%}.btn-sm{border-radius:10px;padding:8px 12px;font-size:12.5px}.btn .btn-ic{width:17px;height:17px}.img-attach{border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--ink-2);background:#faf4e9;border:2px dashed #dccbb0;justify-content:center;align-items:center;gap:9px;padding:18px;font-size:13.5px;font-weight:500;display:flex}.img-attach .ia-ic{width:21px;height:21px;color:var(--caramel)}.img-attach.has-img{border-color:var(--caramel);background:var(--caramel-soft);color:var(--caramel-dark)}.img-preview{margin-top:10px;position:relative}.img-preview img{object-fit:contain;background:#f6efe3;border-radius:12px;width:100%;max-height:220px}.img-preview .remove{background:var(--ink-2);color:#fff;cursor:pointer;border:none;border-radius:99px;width:30px;height:30px;font-size:14px;font-weight:700;position:absolute;top:8px;left:8px}.v-list{flex-direction:column;gap:10px;display:flex}.v-item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #f1e9da;align-items:center;gap:12px;padding:12px 14px;display:flex}.v-item .v-icon{background:var(--caramel-soft);width:42px;min-width:42px;height:42px;color:var(--caramel-dark);border-radius:12px;justify-content:center;align-items:center;display:flex}.v-item .v-icon svg,.v-item .v-icon .vi{width:22px;height:22px}.v-item .v-icon.r,.v-item .v-icon.p,.v-item .v-icon.brand,.v-item .v-icon.gray{background:var(--caramel-soft);color:var(--caramel-dark)}.v-item .v-body{flex:1;min-width:0}.v-item .v-title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.v-item .v-meta{color:var(--ink-3);margin-top:3px;font-size:11.5px}.v-item .v-amount{white-space:nowrap;font-size:15px;font-weight:700;font-family:var(--font-en);color:var(--ink);direction:ltr}.v-item .v-amount.r{color:var(--green)}.v-item .v-amount.p{color:var(--red)}.v-item.cancelled{opacity:.55}.v-item.cancelled .v-title{text-decoration:line-through}.table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}table.tbl{border-collapse:collapse;background:#fffefb;width:100%;min-width:640px;font-size:12.5px}.tbl th{background:var(--sand);color:var(--ink-2);text-align:right;white-space:nowrap;border-bottom:1.5px solid var(--line);padding:10px 8px;font-size:11.5px;font-weight:700;position:sticky;top:0}.tbl td{white-space:nowrap;border-bottom:1px solid #f1e9da;padding:9px 8px}.tbl tr:nth-child(2n) td{background:#faf5eb}.tbl .num{text-align:right;direction:ltr;font-weight:600}.tbl .green{color:var(--green)}.tbl .red{color:var(--red)}.tbl tfoot td{background:var(--sand);border-top:2px solid var(--caramel);font-weight:700}.badge{border-radius:99px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-block}.badge.r{background:var(--green-soft);color:var(--green)}.badge.p{background:var(--red-soft);color:var(--red)}.badge.gray{color:var(--ink-2);background:#efeae2}.badge.brand{background:var(--caramel-soft);color:var(--caramel-dark)}.tree-node{-webkit-user-select:none;user-select:none}.tree-row{cursor:pointer;border-bottom:1px solid #f3ecde;border-radius:10px;align-items:center;gap:8px;padding:10px 8px;display:flex}.tree-row:hover{background:#faf4e9}.tree-row .t-code{color:var(--caramel-dark);font-size:11.5px;font-weight:600;font-family:var(--font-en);direction:ltr}.tree-row .t-name{flex:1;font-size:13.5px;font-weight:500}.tree-row .t-balance{color:var(--ink-2);font-size:12px;font-weight:700;font-family:var(--font-en);direction:ltr}.tree-row .t-toggle{text-align:center;width:22px;color:var(--ink-3);font-size:11px}.tree-children{border-right:2px solid var(--caramel-soft);margin-right:20px}.login-wrap{background:var(--cream);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative}.login-wrap:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='36' viewBox='0 0 72 36'%3E%3Cg fill='none' stroke='%23C8905D' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M-4 8 q9 -7 18 0 t18 0 t18 0 t18 0 t18 0'/%3E%3Cpath d='M-4 18 q9 -7 18 0 t18 0 t18 0 t18 0 t18 0'/%3E%3Cpath d='M-4 28 q9 -7 18 0 t18 0 t18 0 t18 0 t18 0'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.login-card{background:var(--card);border:1px solid #ede3d2;border-radius:24px;width:100%;max-width:400px;padding:34px 28px;position:relative;box-shadow:0 20px 50px #6e422e29}.login-logo{text-align:center;margin-bottom:24px}.login-logo .logo-full{width:132px;height:auto;color:var(--caramel);display:inline-block}.login-logo p{color:var(--ink-2);letter-spacing:.3px;margin-top:12px;font-size:12px;font-weight:500}.modal-overlay{z-index:60;background:#3a332c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=700px){.modal-overlay{align-items:center}}.modal{background:var(--card);border-radius:22px 22px 0 0;width:100%;max-width:560px;max-height:88dvh;padding:20px;overflow-y:auto}@media (width>=700px){.modal{border-radius:22px}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h3{font-size:16px;font-weight:700}.modal-head .close{cursor:pointer;width:34px;height:34px;color:var(--ink-2);background:#f0e8d9;border:none;border-radius:99px;font-size:15px}.toast{bottom:calc(96px + var(--safe-b));z-index:90;text-align:center;border-radius:14px;padding:14px 18px;font-size:13.5px;font-weight:700;animation:.25s toast-in;position:fixed;left:16px;right:16px;box-shadow:0 10px 26px #3a332c38}@media (width>=700px){.toast{max-width:380px;bottom:24px;left:24px;right:auto}}.toast.ok{background:var(--ink);color:var(--cream)}.toast.err{background:var(--red);color:#fff6f0}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}@media (width>=700px){.filters{grid-template-columns:repeat(4,1fr) auto;align-items:end}}.perm-grid{flex-direction:column;gap:6px;display:flex}.perm-row{background:#faf4e9;border-radius:10px;grid-template-columns:1fr repeat(4,44px);align-items:center;gap:4px;padding:8px 10px;font-size:12.5px;font-weight:500;display:grid}.perm-row.head{background:var(--sand);color:var(--ink-2);font-size:10.5px;font-weight:700}.perm-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--caramel);margin:0 auto;display:block}.dp-field{border:1.5px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#fffefb;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s;display:flex}.dp-field:active{border-color:var(--caramel);box-shadow:0 0 0 3px var(--caramel-soft)}.dp-field .dp-ph{color:var(--ink-3)}.dp-field .en{direction:ltr;font-weight:600}.dp-cal-ic{width:19px;height:19px;color:var(--caramel-dark);min-width:19px}.dp-sheet{background:var(--card);width:100%;max-width:400px;padding:18px 18px calc(18px + var(--safe-b));border-radius:22px 22px 0 0}@media (width>=700px){.dp-sheet{border-radius:22px}}.dp-title{text-align:center;margin-bottom:12px;font-size:15px;font-weight:700}.dp-shortcuts{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px;display:grid}.dp-chip{border:1.5px solid var(--line);color:var(--ink-2);cursor:pointer;white-space:nowrap;background:#faf5eb;border-radius:99px;padding:8px 6px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.dp-chip:hover{border-color:var(--caramel);color:var(--caramel-dark)}.dp-chip.active{background:var(--caramel);border-color:var(--caramel);color:#fff9ef}.dp-wheels{gap:8px;display:flex}.dp-col{flex:1;min-width:0}.dp-label{text-align:center;color:var(--ink-2);margin-bottom:6px;font-size:12px;font-weight:700}.dp-wheel-wrap{position:relative}.dp-wheel{scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#faf5eb;border-radius:12px;height:200px;overflow-y:auto}.dp-wheel::-webkit-scrollbar{display:none}.dp-pad{height:80px}.dp-item{scroll-snap-align:center;height:40px;color:var(--ink-3);cursor:pointer;-webkit-user-select:none;user-select:none;direction:ltr;justify-content:center;align-items:center;font-size:17px;font-weight:500;display:flex}.dp-item.sel{color:var(--ink);font-size:19px;font-weight:700}.dp-band{border-top:1.5px solid var(--caramel);border-bottom:1.5px solid var(--caramel);pointer-events:none;background:#c8905d12;border-radius:6px;height:40px;position:absolute;top:80px;left:4px;right:4px}.dp-preview{text-align:center;color:var(--caramel-dark);direction:ltr;margin:12px 0;font-size:17px;font-weight:700}.dp-actions{gap:8px;display:flex}.ss-wrap{position:relative}.ss-input{border:1.5px solid var(--line);padding:12px 14px;width:100%;color:var(--ink);background:#fffefb;border-radius:12px;padding-inline-end:38px;transition:border-color .15s,box-shadow .15s}.ss-input:focus{border-color:var(--caramel);box-shadow:0 0 0 3px var(--caramel-soft);outline:none}.ss-input::placeholder{color:var(--ink-3)}.ss-req{opacity:0;pointer-events:none;border:none;width:1px;height:1px;padding:0;position:absolute;bottom:0;right:10px}.ss-clear{top:50%;cursor:pointer;width:24px;height:24px;color:var(--ink-2);background:#f0e8d9;border:none;border-radius:99px;font-size:11px;position:absolute;inset-inline-end:10px;transform:translateY(-50%)}.ss-list{z-index:70;border:1px solid var(--line);background:#fff;border-radius:12px;max-height:250px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #6e422e29}.ss-item{cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font-size:13.5px;font-weight:500;display:flex}.ss-item:hover{background:#faf4e9}.ss-item.sel{background:var(--caramel-soft);color:var(--deep);font-weight:700}.ss-item .ss-sub{color:var(--caramel-dark);direction:ltr;font-size:11px}.ss-empty{text-align:center;color:var(--ink-3);padding:16px;font-size:12.5px}.list-search{margin-bottom:12px;position:relative}.list-search input{border:1.5px solid var(--line);width:100%;color:var(--ink);background:#fffefb;border-radius:12px;padding:11px 14px;font-size:14px}.list-search input:focus{border-color:var(--caramel);box-shadow:0 0 0 3px var(--caramel-soft);outline:none}.empty{text-align:center;color:var(--ink-3);padding:40px 10px;font-weight:500}.empty .empty-ic{color:#cdbca1;width:52px;height:52px;margin:0 auto 12px;display:block}.row-actions{gap:6px;display:flex}.spinner{border:4px solid var(--caramel-soft);border-top-color:var(--caramel);border-radius:99px;width:34px;height:34px;margin:30px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-tabs{gap:6px;margin-bottom:14px;padding-bottom:2px;display:flex;overflow-x:auto}.section-tabs button{background:var(--card);color:var(--ink-2);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow);border:none;border-radius:99px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:700}.section-tabs button.active{background:var(--caramel);color:#fff9ef}@media (width<=380px){.content{padding:10px;padding-bottom:calc(84px + var(--safe-b))}.card{border-radius:14px;padding:12px}.page-title{font-size:17px}.stat{padding:11px 12px}.stat .value{font-size:16.5px}.stats-grid{gap:8px}.v-item{gap:9px;padding:10px 11px}.v-item .v-icon{width:38px;min-width:38px;height:38px}.v-item .v-amount{font-size:13.5px}.btn{padding:12px 14px;font-size:14px}.bottom-nav a{min-width:0;padding:4px;font-size:10px}.bottom-nav .nav-ic{width:21px;height:21px}.topbar{padding-inline:10px}.topbar .brand{gap:7px;font-size:13px}.topbar .brand .logo-mark{width:28px;height:28px}.topbar .user-chip{white-space:nowrap;text-overflow:ellipsis;max-width:110px;padding:5px 9px;font-size:11px;display:block;overflow:hidden}.amount-input input{font-size:20px}.modal{padding:14px}.perm-row{grid-template-columns:1fr repeat(4,38px);font-size:11.5px}.filters{gap:8px}.section-tabs button{padding:8px 12px;font-size:12px}}@media (width>=1200px){.content{max-width:1200px}}@media print{.topbar,.bottom-nav,.sidebar,.filters,.no-print{display:none!important}.content{padding:0}body{background:#fff}.card{box-shadow:none;border:1px solid #ddd}}