@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#1e2d44;--muted:#8897a9;--line:#edf0f5;--paper:#f5f7fb;--green:#12b9a4;--blue:#3973e8}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #84bbfd;outline-offset:3px}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.shell{display:flex;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;flex:0 0 265px;width:265px;height:100vh;background:linear-gradient(158deg,#152641,#0b192d);color:white;padding:29px 16px 0;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:11px;margin:0 10px 33px}.brand-logo{height:42px;width:42px;border-radius:12px;background:linear-gradient(145deg,#28d4c1,#0e8190);display:grid;place-items:center;box-shadow:0 10px 24px #13b1a02d}.brand-text{display:flex;flex-direction:column;gap:3px}.brand-text strong{font:800 18px Manrope,sans-serif;letter-spacing:1px}.brand-text small{color:#8ea4b9;font-size:9px;letter-spacing:1.6px;font-weight:800}.org-select{display:flex;align-items:center;gap:10px;padding:10px;margin:0 6px 15px;border-radius:12px;background:#21344e;border:1px solid #32465f}.org-avatar{height:33px;min-width:33px;display:grid;place-items:center;background:#85ded0;border-radius:9px;color:#125361;font-weight:800}.org-select>span:nth-child(2){min-width:0;flex:1 1;display:flex;flex-direction:column;gap:4px}.org-select strong{font-size:11px}.org-select small{font-size:10px;color:#93a7bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-select>svg{color:#9dadc2}.side-nav{overflow:auto;flex:1 1;scrollbar-width:thin}.nav-section{font-size:9px;color:#7890a9;font-weight:800;letter-spacing:1.5px;margin:23px 15px 10px}.nav-section:first-child{margin-top:10px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;height:46px;border-radius:10px;padding:0 14px;margin:2px 0;background:transparent;color:#9eb0c5;text-align:left;font-size:12px;font-weight:700;position:relative}.nav-item.active,.nav-item:hover{background:#284060;color:#fff}.nav-item.active svg{color:#33d7c5}.nav-item span:nth-child(2){flex:1 1}.active-indicator{position:absolute;right:0;top:11px;width:3px;height:24px;background:#20cdbd;border-radius:5px}.sidebar-bottom{padding-top:9px}.security-card{border:1px solid #30475f;border-radius:12px;padding:14px;background:#1c324c;margin:0 5px 13px}.security-top{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;color:#dbe7f4}.security-top svg{color:#3bceb9}.security-card p{margin:8px 0 12px;font-size:10px;line-height:1.7;color:#a2b3c6}.sidebar-profile{margin:0 -16px;padding:16px 23px;display:flex;align-items:center;gap:10px;border-top:1px solid #2c3d57}.avatar-top,.profile-avatar{background:#e5b5a1;color:#5e403d;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:11px}.profile-avatar{width:35px;height:35px}.sidebar-profile div:nth-child(2){display:flex;flex:1 1;flex-direction:column;gap:4px}.sidebar-profile strong{font-size:11px}.sidebar-profile small{font-size:10px;color:#8ba0b8}.sidebar-profile svg{color:#9daec3}.main{flex:1 1;min-width:0}.topbar{position:-webkit-sticky;position:sticky;z-index:25;top:0;height:74px;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid #e8edf4}.top-actions,.top-left,.topbar{display:flex;align-items:center}.top-actions,.top-left{gap:15px}.top-left{font-size:12px}.breadcrumb{color:#92a0ae}.breadcrumb-current{font-weight:800;color:#2b3c54}.chevron{color:#b9c3d1}.top-date{font-size:12px;font-weight:700;color:#77869c;display:flex;align-items:center;gap:8px}.avatar-top{width:35px;height:35px}.top-divider{height:22px;width:1px;background:#e5eaf1}.icon-btn{display:grid;place-items:center;width:36px;height:36px;background:transparent;border-radius:9px;color:#8090a3}.icon-btn:hover{background:#f0f4f9}.hamburger,.mobile-close{display:none}.content{max-width:1620px;margin:auto;padding:28px 40px 12px}.notice{display:flex;gap:9px;align-items:center;flex-wrap:wrap;background:#e7f6f2;border:1px solid #ccebe3;border-radius:10px;color:#618c84;padding:11px 15px;margin-bottom:24px;font-size:11px}.notice strong{color:#157f73;font-size:10px;letter-spacing:.5px}.live-dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#17ba9e;box-shadow:0 0 0 4px #21bc9e18}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.eyebrow{color:#1cae9b;letter-spacing:1.8px;font-size:10px;font-weight:800;margin:0 0 9px!important}.page-heading h1{font:800 29px Manrope,system-ui,sans-serif;letter-spacing:-1px;margin:0 0 8px}.title-dot{color:#14bfa9}.page-heading p:last-child{color:#8897a9;font-size:12px;margin:0}.page-controls{gap:10px}.date-field,.page-controls{display:flex;align-items:center}.date-field{gap:9px;border:1px solid #e3e9f1;background:white;border-radius:9px;padding:0 12px;height:40px;color:#6c839b}.date-field input{min-width:126px;border:0;outline:0;color:#536981;background:transparent;font-size:12px;font-weight:700}.button{min-height:39px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;font-weight:800;font-size:12px;white-space:nowrap;transition:transform .18s,background .18s}.button-outline{background:#fff;color:#40556d;border:1px solid #e3e9f0}.button-outline:hover{background:#f9fbff;border-color:#c3d4e9}.button-primary{background:#164365;color:#fff}.button-primary:hover{background:#0d2d4c}.button-disabled{color:#98a7b7;background:#f2f5f9;border:1px solid #e6ecf2}.button-white{background:white;color:#114557}.button-white:hover{transform:translateY(-2px)}.button-ghost{background:#ffffff11;color:#f0fffd;border:1px solid #ffffff35}.search-panel{margin-bottom:19px;background:#fff;border:1px solid #e3e9ef;border-radius:12px;display:flex;align-items:center;gap:11px;padding:7px 12px;color:#8b9cae}.search-panel input{flex:1 1;min-width:0;height:35px;border:0;outline:0}.welcome-card{position:relative;display:flex;justify-content:space-between;overflow:hidden;min-height:252px;border-radius:17px;background:radial-gradient(circle at 82% 22%,#248c862d,transparent 35%),linear-gradient(115deg,#153657,#123953 49%,#0e6463);color:#fff;box-shadow:0 19px 36px #1c547013;margin-bottom:21px}.welcome-pattern{position:absolute;inset:0;background:radial-gradient(circle at 86% 72%,#73f9db18,transparent 28%)}.welcome-content{position:relative;z-index:1;padding:29px 32px;max-width:610px}.welcome-tag{display:inline-flex;gap:8px;align-items:center;border:1px solid #aafce738;background:#ffffff13;border-radius:24px;padding:7px 11px;letter-spacing:1.2px;color:#c0ebdf;font-size:9px;font-weight:800}.welcome-tag-dot{height:6px;width:6px;border-radius:50%;background:#53f5c5}.welcome-content h2{font:800 27px/1.32 Manrope,sans-serif;letter-spacing:-.7px;margin:12px 0 9px}.welcome-content em{font-style:normal;color:#54e6cd}.welcome-content p{max-width:510px;font-size:11px;line-height:1.75;color:#c4dbe1;margin:0 0 16px}.welcome-buttons{display:flex;gap:10px}.welcome-visual{flex:1 1;min-width:225px;display:grid;place-items:center;position:relative}.glow-orbit{position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #b2ffec26;right:10%;top:0}.orbit-two{width:175px;height:175px;right:21%;top:11%;border-color:#b2ffec35}.floating-number{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;transform:rotate(-5deg);border:1px solid #b8fcf15c;border-radius:16px;background:#effffc17;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;box-shadow:0 15px 35px #082f3b25}.floating-number span{font-size:9px;color:#cbf7e9;letter-spacing:1.2px;font-weight:800}.floating-number strong{font:800 23px Manrope,sans-serif;letter-spacing:-.5px}.floating-number small{display:flex;align-items:center;gap:5px;font-size:10px;color:#86e8d1}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:17px;gap:17px;margin-bottom:20px}.kpi-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{min-width:0;border:1px solid #ecf0f5;background:#fff;border-radius:14px;padding:18px 20px 16px;box-shadow:0 6px 19px #152d4605;animation:rise .4s both}.kpi:hover{box-shadow:0 13px 29px #152d460b}.kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.kpi-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px}.kpi-icon.blue{background:#ebf3ff;color:#397bea}.kpi-icon.red{background:#fff0ec;color:#d96a5e}.kpi-icon.green{background:#e8faf2;color:#1ba87d}.kpi-icon.purple{background:#f2edff;color:#9e72de}.kpi-arrow{color:#aeb9c6}.kpi-name{color:#8897a9;font-size:11px;margin:0 0 7px;font-weight:700}.kpi-value{font:800 21px Manrope,sans-serif;letter-spacing:-1px;white-space:nowrap}.kpi-foot{color:#9daaba;font-size:10px;margin:8px 0 0}.dashboard-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);grid-gap:19px;gap:19px;margin-bottom:20px}.surface{background:white;border:1px solid #edf0f5;border-radius:15px;box-shadow:0 6px 20px #23395005;overflow:hidden}.chart-panel,.quick-panel,.setting-summary,.settings-panel{padding:22px}.section-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:19px}.section-title h2{font:800 14px Manrope,sans-serif;margin:0 0 5px}.section-title p{color:#97a5b5;font-size:11px;line-height:1.55;margin:0}.surface>.section-title{padding:20px 22px 0}.chart-panel>.section-title,.quick-panel>.section-title,.setting-summary>.section-title,.settings-panel>.section-title{padding:0}.pill{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap;background:#f1f4f8;color:#6d7e91}.pill-green{background:#e7f8ef;color:#218d65}.pill-orange{background:#fff2e4;color:#bb8136}.pill-red{background:#fff0ee;color:#c85d51}.pill-blue{background:#eaf2ff;color:#4e80d4}.chart-legend{display:flex;justify-content:flex-end;gap:18px;color:#8997aa;font-size:11px;margin:0 8px}.chart-legend span{display:flex;align-items:center;gap:7px}.legend-dot{height:8px;width:8px;display:inline-block;border-radius:50%}.legend-dot.principal{background:#3973e8}.legend-dot.interest{background:#16b4a5}.chart-area{height:270px;min-width:0;margin-top:10px}.quick-list{display:flex;flex-direction:column;gap:3px}.quick-list button{display:flex;align-items:center;gap:12px;background:white;text-align:left;padding:10px 4px;border-radius:10px}.quick-list button:hover{background:#f8fbfe}.quick-list button>span:nth-child(2){flex:1 1;display:flex;flex-direction:column;gap:4px}.quick-list strong{font-size:11.5px;color:#37475d}.quick-list small{font-size:10px;color:#a0adbb}.quick-list button>svg{color:#a7b5c4}.quick-icon{height:37px;width:37px;border-radius:11px;display:grid;place-items:center}.quick-icon.violet{background:#f1eeff;color:#996fe0}.quick-icon.sky{background:#eaf3ff;color:#4583e4}.quick-icon.mint{background:#e7faf4;color:#18ac8e}.quick-icon.amber{background:#fff5e9;color:#cf9d4c}.quick-tip{display:flex;align-items:center;gap:9px;background:#f7fafc;color:#91a0af;border-radius:9px;padding:11px;font-size:10px;line-height:1.6;margin-top:10px}.quick-tip svg{flex-shrink:0}.text-link{display:flex;align-items:center;gap:7px;background:transparent;color:#238f91;font-size:11px;font-weight:800}.table-wrap{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{background:#fbfcfe;height:42px;padding:0 15px;font-size:9px;letter-spacing:.8px;font-weight:800;color:#a2aebc;border-top:1px solid #f2f4f7;border-bottom:1px solid #edf0f5}td{padding:12px 15px;height:70px;border-bottom:1px solid #f0f2f7;color:#69788c;font-size:11px}td:first-child,th:first-child{padding-left:23px}td:last-child,th:last-child{padding-right:23px}tbody tr:last-child td{border-bottom:0}.click-row{cursor:pointer}.click-row:hover,tbody tr:hover{background:#fafcff}.company{display:flex;align-items:center;gap:12px}.company>span:nth-child(2){display:flex;flex-direction:column;gap:6px}.company strong{font-size:11px;color:#2e4058;font-weight:800}.company small{font-size:10px;color:#a1acba}.company-avatar{height:38px;width:38px;flex-shrink:0;border-radius:10px;background:#e9f3ff;color:#5284bb;display:grid;place-items:center;font-size:10px;font-weight:800}.avatar-1{background:#f0ebfc;color:#9676c1}.avatar-2{background:#e7f8f2;color:#47a18c}.avatar-3{background:#fff0e3;color:#cb9560}.avatar-4{background:#ffeef0;color:#c98690}.code-cell{border:1px solid #ebeff5;padding:5px 7px;border-radius:5px;background:#fbfcff;color:#91a1b4;font-size:10px;font-weight:700}.money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:#69788c}.money.emphasis{font-weight:800;color:#293b54}.interest-cell{font-weight:800;color:#c38f40;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-action{height:28px;width:28px;border-radius:7px;background:#f4f7fa;color:#8395aa;display:grid;place-items:center}.row-action:hover{background:#ebf2ff;color:#3e7ee1}.table-strong{font-weight:800;color:#30445c}.muted-cell{display:block;margin-top:5px;color:#9baabc;font-size:10px}.table-search{display:flex;align-items:center;gap:8px;border:1px solid #e4eaf0;border-radius:8px;padding:0 10px;height:34px;color:#91a5b5}.table-search input{width:160px;border:0;outline:0;font-size:11px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #edf1f5;padding:17px 21px;font-size:11px;color:#8897a7}.table-footer b{color:#33465c}.ref-code{display:inline-block;max-width:178px;overflow:hidden;text-overflow:ellipsis;background:#f6f8fc;padding:6px;color:#7c8da1;font-size:9px;border-radius:5px}.empty-state{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:25px;color:#8392a5;text-align:center}.empty-illustration{height:49px;width:49px;display:grid;place-items:center;background:#edf4ff;color:#5388db;border-radius:14px}.empty-state strong{color:#394d68;font-size:13px}.empty-state p{color:#9cabb9;font-size:11px;margin:0}.explain-card{display:flex;align-items:center;gap:15px;background:#e9f6f4;border:1px solid #d0e9e4;padding:18px 20px;border-radius:13px;margin-bottom:20px;color:#2d8b80}.explain-card>div:nth-child(2){flex:1 1}.explain-icon{height:42px;width:42px;background:#d2ede7;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.explain-card strong{font-size:12px;color:#157b70}.explain-card p{font-size:11px;line-height:1.7;color:#6e9690;margin:6px 0 0}.settings-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr)}.settings-options{display:flex;flex-direction:column;gap:11px}.option-card{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #e3e9f0;border-radius:12px;background:white;text-align:left;padding:15px}.option-card.selected{background:#f0faf8;border-color:#84cec2}.option-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1 1}.option-card strong{font-size:12px;color:#334b60}.option-card small{font-size:10px;line-height:1.6;color:#93a1b1}.option-radio{width:19px;height:19px;display:grid;place-items:center;border:2px solid #cdd6e1;border-radius:50%;flex-shrink:0}.selected .option-radio{border-color:#1baa99}.option-radio span{width:9px;height:9px;background:#1baa99;border-radius:50%}.setting-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:20px;border-top:1px solid #edf0f5;padding-top:19px}.setting-row strong{font-size:12px}.setting-row p{font-size:10px;line-height:1.6;color:#96a4b1;margin:6px 0}.switch{display:flex;align-items:center;width:43px;height:25px;border-radius:15px;padding:3px;background:#cdd6df}.switch.on{background:#1dac9b}.switch span{height:19px;width:19px;background:white;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s}.switch.on span{transform:translateX(18px)}.rate-visual{display:flex;align-items:center;flex-direction:column;gap:11px;padding:26px;background:linear-gradient(125deg,#193a5d,#147274);border-radius:13px;color:white}.rate-visual span{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#b7e3df}.rate-visual strong{font:800 48px Manrope,sans-serif;letter-spacing:-2px}.formula-box{background:#f9fbfd;border:1px dashed #c7d1de;border-radius:10px;padding:17px;text-align:center;color:#60788f;font:11px ui-monospace,monospace;margin-top:16px}.muted-note{display:flex;gap:8px;margin:17px 0 0;font-size:10px;line-height:1.6;color:#93a1af}.muted-note svg{flex-shrink:0;color:#1da998}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:27px 0 11px;color:#a2adbb;font-size:10px}.footer>span:last-child{display:flex;align-items:center;gap:8px}.footer-sep{color:#d3dbe4}.drawer-backdrop,.mobile-backdrop{position:fixed;inset:0;background:#0a1d34a1;z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer{position:fixed;right:0;top:0;bottom:0;z-index:80;width:min(570px,100vw);display:flex;flex-direction:column;background:#f8fafc;box-shadow:-18px 0 48px #10223a33;animation:slideIn .25s both}.drawer-head{background:#fff;border-bottom:1px solid #e8edf3;display:flex;justify-content:space-between;gap:13px;padding:28px}.drawer-head h2{font:800 19px/1.4 Manrope,sans-serif;margin:0 0 8px}.drawer-head p:last-child{font-size:11px;color:#96a4b4;margin:0}.drawer-body{overflow:auto;flex:1 1;padding:23px 28px}.drawer-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px;margin-bottom:23px}.drawer-summary>div{min-width:0;background:#fff;border:1px solid #e8edf3;border-radius:11px;padding:15px;display:flex;flex-direction:column;gap:8px}.drawer-summary small{font-weight:800;letter-spacing:.7px;font-size:9px;color:#99a7b6}.drawer-summary strong{font:800 17px Manrope,sans-serif}.drawer-summary .drawer-total{grid-column:span 2;background:linear-gradient(125deg,#183859,#176e70);border:0;color:white}.drawer-summary .drawer-total small{color:#b7d9dd}.drawer-summary .drawer-total strong{font-size:24px}.invoice-detail{padding:16px;background:white;border:1px solid #e8edf4;border-radius:11px;margin-bottom:11px}.invoice-detail-top{display:flex;align-items:center;gap:9px}.invoice-kind{font-size:9px;font-weight:800;color:#278f81;background:#edf9f7;border-radius:5px;padding:5px 7px}.invoice-number{font-size:11px;font-weight:800;flex:1 1}.invoice-meta{font-size:10px;color:#9baab8;margin:12px 0}.invoice-amounts{display:grid;grid-template-columns:1fr 1fr;grid-gap:11px;gap:11px}.invoice-amounts span{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#97a7b5}.invoice-amounts b{font-size:12px;color:#35495e}.allocation-note{border-top:1px solid #eef1f6;margin:12px 0 0;padding-top:10px;font-size:10px;color:#1dac96}.drawer-warning{display:flex;gap:9px;align-items:center;background:#fff5e5;color:#a57931;border-radius:10px;margin-top:22px;padding:15px;font-size:10px;line-height:1.7}.drawer-warning svg{flex-shrink:0}.drawer-actions{display:flex;justify-content:flex-end;gap:10px;padding:17px 27px;border-top:1px solid #e6ecf3;background:white}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:.4;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1400px){.content{padding:25px 29px}.topbar{padding:0 29px}.sidebar{width:250px;flex-basis:250px}.kpi-value{font-size:18px}}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.quick-list{display:grid;grid-template-columns:1fr 1fr}.welcome-visual{min-width:200px}}@media(max-width:850px){.sidebar{position:fixed;left:0;width:265px;transform:translateX(-110%);transition:transform .2s;box-shadow:16px 0 40px #12253b24}.sidebar.open{transform:translateX(0)}.mobile-close{display:grid;place-items:center;margin-left:auto;background:transparent;color:#b6cde0}.hamburger{display:grid}.topbar{height:64px}.content{padding:23px}.welcome-visual{display:none}.welcome-content{max-width:100%}.page-heading{flex-direction:column;align-items:flex-start}.page-controls{width:100%}}@media(max-width:550px){.content{padding:18px 14px}.topbar{padding:0 13px}.breadcrumb,.top-left .chevron{display:none}.top-date{font-size:10px}.top-date svg,.top-divider{display:none}.page-heading h1{font-size:24px}.page-controls{flex-wrap:wrap}.date-field{flex:1 1}.date-field input{min-width:0;width:100%}.welcome-content{padding:24px 20px}.welcome-content h2{font-size:24px}.welcome-buttons{flex-wrap:wrap}.kpi-grid,.kpi-grid.three{grid-template-columns:1fr 1fr;gap:10px}.kpi{padding:15px 12px}.kpi-value{font-size:15px}.kpi-name{font-size:10px}.kpi-foot{font-size:9px}.chart-panel,.quick-panel,.setting-summary,.settings-panel{padding:17px}.chart-area{height:230px}.quick-list{grid-template-columns:1fr}.table-search input{width:90px}.surface>.section-title{padding:17px 15px 0}.footer,.table-footer{flex-direction:column;align-items:flex-start}.drawer-actions,.drawer-body,.drawer-head{padding-left:17px;padding-right:17px}.explain-card{align-items:flex-start;padding:13px}.explain-icon{height:36px;width:36px}}.notice-warn{background:#fff7ec;border-color:#f6dfbf;color:#9a7444}.notice-warn strong{color:#b0732a}.notice-error{background:#fff2f0;border-color:#f6d3ce;color:#a8574d}.notice-error strong{color:#c0483b}.notice-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.notice-actions .button{min-height:30px;padding:0 11px;font-size:11px}.notice-line{flex-basis:100%;display:flex;align-items:center;gap:7px}.notice-error-text{color:#c0483b}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.rule-select{min-height:32px;border:1px solid #e3e9f0;border-radius:8px;background:#fff;color:#33465c;font-size:11px;padding:0 8px}