@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#1c2924;--muted:#86938b;--green:#b9e98d;--deep:#273d32;--line:#e7ece5;--bg:#f7f8f3}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9dca78}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:Manrope,sans-serif}button{color:inherit}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #e0e7de;border-radius:8px;outline:none;padding:12px}label{color:#67796b;flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}textarea{resize:vertical;min-height:82px}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fbfcf8;flex-direction:column;width:224px;padding:30px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{white-space:nowrap;letter-spacing:-.6px;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.brand b{font-weight:500}.brand i{color:#b9e98d;background:#253e31;border-radius:10px;place-items:center;width:34px;height:34px;font-size:25px;font-style:normal;display:grid}.side-label{letter-spacing:1.6px;color:#a7b3a6;margin:54px 10px 14px;font-size:9px;font-weight:700}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button,.side-bottom>button{color:#849289;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px;font-size:12px;display:flex}.sidebar nav button.active{color:#2d4b35;background:#eaf2e3;font-weight:700}.sidebar nav button:hover{background:#eff4eb}.side-bottom{margin-top:auto}.side-note{background:#f0f5e8;border-radius:10px;padding:18px}.side-note>span{color:#8db268;font-size:21px}.side-note b{margin:12px 0 5px;font:700 12px Manrope;display:block}.side-note p{color:#83947d;font-size:10px;line-height:1.7}.side-bottom>button{margin-top:12px}.workspace{width:calc(100% - 224px);min-width:0;margin-left:224px}.top{border-bottom:1px solid var(--line);color:#97a39a;letter-spacing:1.3px;justify-content:space-between;align-items:center;height:74px;padding:0 5%;font-size:9px;font-weight:700;display:flex}.top b{color:#d1dad0;margin:0 10px}.admin-badge{color:#738276;letter-spacing:0;background:#fff;border:1px solid #e8eee5;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:10px;display:flex}.admin-badge i{background:#87b96a;border-radius:50%;width:6px;height:6px}.content{max-width:1500px;margin:auto;padding:50px 5%}.overline{letter-spacing:2px;color:#8da083;margin-bottom:10px;font-size:9px;font-weight:700}.heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px;display:flex}.heading h1,.login-card h1{letter-spacing:-1.8px;font-size:40px;font-weight:600;line-height:1.2}.heading h1 span,.login-card h1 span{color:#8ebd6b}.subtle{color:#8c9a8e;margin-top:10px;font-size:12px;line-height:1.8}.primary,.outline,.danger{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.primary{background:var(--green);color:#243b2a}.primary:hover{background:#aadc7b}.outline{background:#fff;border-color:#dfe8dc}.outline:hover{background:#f4f8f0}.danger{color:#9a4e3e;background:#f8e4df}.wide{width:100%}.stats{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:132px;padding:22px}.stat p{color:#9aaa9c;letter-spacing:1px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.stat p span{color:#bdcbb9;font-size:13px}.stat p .amber{color:#e5b86b}.stat p .green{color:#83b876}.stat strong{letter-spacing:-1px;margin:17px 0 5px;font:600 31px Manrope;display:block}.stat small{color:#a4b0a5;font-size:10px}.section-head{justify-content:space-between;align-items:end;gap:20px;margin:49px 0 19px;display:flex}.section-head h2,.panel-title h2{letter-spacing:-.6px;font-size:20px}.section-head h2 span,.panel-title h2 span{color:#779468;background:#edf3e8;border-radius:5px;place-items:center;min-width:24px;height:22px;margin-left:7px;font:600 10px DM Sans;display:inline-grid}.section-head p:not(.overline),.panel-title p{color:#9ba99d;margin-top:7px;font-size:11px}.toolbar{gap:9px;display:flex}.toolbar input,.toolbar select{padding:10px;font-size:11px}.payment-list,.panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.list-head,.payment-row{grid-template-columns:2fr 1.2fr 1fr 1fr 24px;align-items:center;gap:12px;display:grid}.list-head{color:#a6b4a6;letter-spacing:1px;background:#fafbf8;padding:15px 22px;font-size:9px;font-weight:700}.payment-row{text-align:left;background:#fff;border:0;border-top:1px solid #f1f4ef;width:100%;padding:17px 22px;font-size:11px}.payment-row:hover{background:#f8fbf5}.person{align-items:center;gap:10px;display:flex}.person i,.app-row i{color:#6c9161;background:#edf4e8;border-radius:10px;place-items:center;width:35px;height:35px;font-style:normal;font-weight:700;display:grid}.person strong,.person small,.app-row strong,.app-row small{display:block}.person small,.payment-row small,.app-row small{color:#a0aea1;margin-top:4px;font-size:10px}.status{text-transform:capitalize;color:#898d86;background:#f2f4f1;border-radius:20px;padding:6px 9px;font-size:10px;font-style:normal;display:inline-block}.status.pending{color:#a87732;background:#fbf3e6}.status.approved{color:#5b9564;background:#ecf7eb}.status.rejected{color:#a96359;background:#fbefeb}.empty{text-align:center;padding:62px 15px}.empty>div{color:#a6c497;font-size:30px}.empty h3{margin:8px 0;font-size:15px}.empty p,.empty button{color:#a3b09f;font-size:11px}.empty button{color:#6f9660;background:0 0;border:0;margin-top:14px}.panel{padding:26px}.panel-title{border-bottom:1px solid #eff3ed;margin-bottom:20px;padding-bottom:22px}.panel form>button{margin-top:20px}.form-panel{max-width:780px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.span-2{grid-column:1/-1}.upload{cursor:pointer;background:#f9fbf6;border:1px dashed #bdcfb3;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:140px;display:flex}.upload span{color:#8bad7d;font-size:25px}.upload small{color:#a4b1a3;font-weight:400}.upload input{background:0 0;border:0;width:auto;max-width:95%;font-size:10px}.hint{color:#98a79a;margin:12px 0;font-size:11px;line-height:1.7}.apps-layout{grid-template-columns:1.2fr 1fr;align-items:start;gap:16px;display:grid}.app-row{border-bottom:1px solid #f1f4ef;align-items:center;gap:13px;padding:14px 0;display:flex}.app-row>div{flex:1}.app-row>span{color:#7aa571;font-size:10px}.key-box{overflow-wrap:anywhere;background:#eff7e8;border-radius:8px;margin-top:20px;padding:15px;font-size:11px}.key-box p{color:#879b7c;margin:7px 0}.key-box code{color:#335c39;display:block}.key-box button{color:#527a4f;background:0 0;border:0;margin-top:10px;text-decoration:underline}.alert{border-radius:8px;justify-content:space-between;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.alert button{background:0 0;border:0;font-size:18px}.alert.error{color:#a35647;background:#faede9}.alert.success{color:#518252;background:#edf7e9}.alert.warning{color:#9a6c2e;background:#fff5e5;margin-top:14px}.overlay{z-index:10;background:#1a2b2399;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:min(560px,100%);height:100%;display:flex;box-shadow:-8px 0 50px #101c1420}.drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.drawer>header h2{font-size:22px}.close{background:#f4f7f1;border:0;border-radius:50%;width:36px;height:36px;font-size:23px}.drawer-content{padding:25px 30px;overflow:auto}.detail-summary{grid-template-columns:1fr 1fr;gap:20px;display:grid}.detail-summary small,.detail-summary strong{display:block}.detail-summary small{color:#a2b1a1;letter-spacing:1px;margin-bottom:6px;font-size:9px}.detail-summary strong{font-size:13px}.receipt-title{justify-content:space-between;align-items:center;margin:30px 0 12px;display:flex}.receipt-title h3,.ai-panel h3{font-size:14px}.receipt-title span{color:#a0ada1;font-size:10px}.receipt-image{background:#f5f7f2;border:1px solid #e9eee7;border-radius:8px;place-items:center;min-height:180px;display:grid;overflow:hidden}.receipt-image img{object-fit:contain;max-width:100%;max-height:480px;display:block}.ai-panel{background:#f9fcf6;border:1px solid #dbe9d1;border-radius:9px;margin-top:22px;padding:17px}.ai-panel>div:first-child{align-items:center;gap:10px;display:flex}.ai-icon{color:#709b58;background:#e6f3da;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.ai-panel h3+p{color:#94a491;margin-top:3px;font-size:10px}.ai-panel>button{margin:15px 0 0}.ai-panel dl{margin:16px 0 0}.ai-panel dl>div{border-bottom:1px solid #eaf0e6;justify-content:space-between;gap:20px;padding:7px 0;font-size:11px;display:flex}.ai-panel dt{color:#8c9e8c}.ai-panel dd{text-align:right;overflow-wrap:anywhere;margin:0}.ai-warning{color:#85987e;margin-top:13px;font-size:10px;line-height:1.7}.decision-actions,.decision-form>div{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.decision-form{margin-top:20px}.decision-result{color:#748276;margin-top:15px;font-size:12px}.login-shell{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(100%,430px);padding:42px;box-shadow:0 16px 60px #30462b09}.login-card .overline{margin-top:50px}.login-card form{margin-top:30px}.login-card form button{margin-top:20px}.login-card .alert{margin-top:14px}.login-help{color:#97a698;margin-top:20px;font-size:10px;line-height:1.8}.login-foot{letter-spacing:1px;color:#a4b1a3;margin-top:26px;font-size:9px}.login-foot span{color:#9bc289;margin:0 8px}.loading{color:#819480;place-items:center;height:100vh;display:grid}@media (max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.section-head{flex-direction:column;align-items:start}.toolbar{width:100%}.toolbar input{flex:1}.apps-layout{grid-template-columns:1fr}}@media (max-width:700px){.shell{padding-bottom:62px;display:block}.sidebar{border-top:1px solid var(--line);z-index:5;background:#fff;border-right:0;width:100%;height:62px;padding:0 6px;position:fixed;inset:auto 0 0}.sidebar .brand,.side-label,.side-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;height:100%;display:flex}.sidebar nav button{flex-direction:column;flex:1;justify-content:center;gap:3px;padding:5px;font-size:9px}.workspace{width:100%;margin:0}.top{height:56px}.content{padding:30px 16px}.heading{flex-direction:column;align-items:start;margin-bottom:25px}.heading h1{font-size:32px}.stats{gap:8px}.stat{min-height:110px;padding:16px}.stat strong{margin:11px 0 4px;font-size:25px}.section-head{margin-top:32px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:150px}.list-head{display:none}.payment-row{grid-template-columns:1fr auto;gap:8px}.payment-row>span:nth-child(2),.payment-row>span:nth-child(5){display:none}.payment-row>span:nth-child(4){grid-column:2}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.panel,.drawer>header,.drawer-content{padding:20px}.receipt-title{gap:8px}.login-card{padding:28px}}.top-right{align-items:center;gap:8px;display:flex}.mobile-signout{color:#65786a;background:#fff;border:1px solid #e1e9df;border-radius:16px;padding:7px 10px;font-size:10px;display:none}@media (max-width:700px){.mobile-signout{display:block}.admin-badge{padding:7px 9px}}.expected-recipient{background:#f1f6eb;border:1px solid #dfebd6;border-radius:8px;margin:15px 0;padding:14px}.expected-recipient strong,.expected-recipient span,.expected-recipient small{display:block}.expected-recipient strong{color:#8b9d81;letter-spacing:1px;text-transform:uppercase;font-size:10px}.expected-recipient span{margin-top:6px;font-size:13px}.expected-recipient small{color:#84967c;margin-top:5px;font-size:10px}.receipt-checks{border-top:1px solid #dfead6;margin-top:18px;padding-top:12px}.check-outcome{border-radius:6px;margin-bottom:6px;padding:9px 11px;font-size:11px;font-weight:700}.check-outcome.approved{color:#4f7c3b;background:#e5f4dd}.check-outcome.pending{color:#9a7136;background:#fff0d9}.receipt-check{border-bottom:1px solid #e8eee3;align-items:start;gap:10px;padding:9px 0;display:flex}.receipt-check>span{border-radius:4px;flex:none;padding:3px 6px;font-size:9px;font-weight:700}.receipt-check.passed>span{color:#4f8243;background:#e5f0dc}.receipt-check.failed>span{color:#ad6c3c;background:#fff0df}.receipt-check strong,.receipt-check small{display:block}.receipt-check strong{font-size:10px}.receipt-check small{color:#899b80;overflow-wrap:anywhere;font-size:10px;line-height:1.8}.checking-state{color:#879f75;margin-bottom:5px;font-size:9px;display:block}.stats .stat:nth-child(2){background:linear-gradient(135deg,#fffdf6,#fff);border-color:#ebdfc5}.stat{box-shadow:0 4px 18px #243d2804}.payment-list{box-shadow:0 8px 28px #243d2805}.queue-tabs{align-items:center;gap:5px;margin:20px 0 12px;display:flex}.queue-tabs button{color:#879887;background:0 0;border:1px solid #0000;border-radius:7px;padding:9px 13px;font-size:11px}.queue-tabs button.active{color:#4a6b3d;background:#eaf2e3;border-color:#dce8d2;font-weight:700}.queue-tabs button span{background:#fff;border-radius:4px;margin-left:4px;padding:2px 5px;font-size:9px}.live-indicator{color:#90a285;margin-left:auto;font-size:9px}.live-indicator:before{content:"";background:#89b372;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.toolbar{flex-wrap:wrap;justify-content:flex-end}.toolbar input{width:200px}.toolbar select{width:125px}.payment-row .person,.person>span{min-width:0}.person strong,.person small{white-space:nowrap;text-overflow:ellipsis;max-width:230px;overflow:hidden}.provider-name{text-transform:uppercase;letter-spacing:.5px;display:block}.pagination{color:#8a9a85;background:#fcfdf9;border-top:1px solid #eaf0e5;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:10px;display:flex}.pagination label{flex-direction:row;align-items:center;gap:6px;font-size:10px}.pagination select{width:60px;padding:6px;font-size:10px}.pagination .outline{min-height:30px;padding:6px 10px;font-size:10px}.review-tools{border-bottom:1px solid #edf2e8;justify-content:flex-end;gap:8px;margin-bottom:18px;padding-bottom:18px;display:flex}.review-tools button{min-height:34px;padding:8px 12px;font-size:11px}.drawer>header h2{overflow-wrap:anywhere;font-size:19px;line-height:1.6}.action-overlay{z-index:30;background:#182b24a8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.action-dialog{background:#fff;border:1px solid #e1e9d9;border-radius:15px;width:min(100%,470px);max-height:calc(100dvh - 40px);padding:28px;overflow:auto;box-shadow:0 24px 80px #13221c33}.action-dialog h2{letter-spacing:-.8px;font-size:25px}.action-dialog form label{margin-top:15px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.action-dialog .hint{font-size:12px;line-height:1.9}.drawer-content .alert{overflow-wrap:anywhere}@media (max-width:1100px){.toolbar{justify-content:flex-start}.toolbar input{flex:1;width:200px}}@media (max-width:700px){.toolbar input{flex-basis:100%;order:-1}.toolbar select{flex:1;width:auto}.live-indicator{font-size:8px}.pagination{flex-direction:column;align-items:stretch;padding:14px}.pagination>div{justify-content:space-between;gap:6px}.person strong,.person small{max-width:180px}.action-overlay{padding:12px}.action-dialog{padding:22px}.payment-row{padding:16px}.payment-row>span:nth-child(3),.payment-row>span:nth-child(4){text-align:right}}.panel-title{margin-bottom:26px;padding-bottom:24px}.panel-title p{color:#84917f;max-width:430px;line-height:1.85}.form-card-icon{color:#7ca262;background:#f0f6e9;border:1px solid #dce8d3;border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:16px;display:grid}.panel-title h2{line-height:1.5}.payment-entry-form{max-width:900px;padding:30px}.payment-entry-form .form-grid{gap:24px 22px}.payment-entry-form label,.create-app-form label{gap:10px;line-height:1.65}.payment-entry-form input,.payment-entry-form select,.create-app-form input{background:#fff;border-color:#dde6d7;border-radius:8px;min-height:46px;padding:12px 14px}.payment-entry-form .upload{background:linear-gradient(135deg,#f9fcf4,#f3f7ef);gap:10px;min-height:184px;padding:24px 18px}.payment-entry-form .upload>span{background:#e7f0dd;border-radius:50%;place-items:center;width:40px;height:40px;font-size:24px;display:grid}.payment-entry-form .upload strong{overflow-wrap:anywhere;max-width:100%;font-size:13px}.payment-entry-form .upload small{color:#8e9e86;font-size:11px}.payment-entry-form .upload input{border:0;width:auto;max-width:100%;min-height:0;padding:5px;font-size:11px}.upload input::file-selector-button{color:#668455;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfddc3;border-radius:6px;margin-right:12px;padding:8px 12px}.payment-form-footer{border-top:1px solid #e8eee3;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:24px;display:flex}.payment-form-footer p{color:#91a087;max-width:270px;font-size:11px;line-height:1.8}.payment-form-footer>.primary{min-height:44px;padding:12px 20px}.receipt-upload-preview{background:#f8fbf4;border:1px solid #e0ead7;border-radius:9px;align-items:center;gap:14px;padding:14px;display:flex}.receipt-upload-preview img{object-fit:cover;border:1px solid #e2e9da;border-radius:5px;width:56px;height:66px}.receipt-upload-preview>div{flex:1;min-width:0}.receipt-upload-preview strong{overflow-wrap:anywhere;font-size:11px;display:block}.receipt-upload-preview span{color:#87a373;margin-top:5px;font-size:10px;display:block}.receipt-upload-preview .outline{min-height:34px;padding:7px 10px;font-size:10px}.apps-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr);gap:24px}.apps-layout>.panel{padding:28px}.connected-apps-card .panel-title{margin-bottom:8px}.app-row{gap:14px;padding:22px 0}.app-row:last-child{border-bottom:0;padding-bottom:4px}.app-row>i{border-radius:12px;flex:none;width:42px;height:42px}.app-row>div{min-width:0}.app-row strong{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.app-row small{margin-top:6px;line-height:1.7}.app-row .app-id{letter-spacing:.2px;color:#a3af9c;overflow-wrap:anywhere;font:9px ui-monospace,monospace}.app-row>.app-active{color:#77966a;background:#edf5e7;border:1px solid #e2ecd9;border-radius:20px;flex:none;align-items:center;gap:5px;padding:5px 9px;font-size:9px;display:inline-flex}.app-active:before{content:"";background:#88ac71;border-radius:50%;width:4px;height:4px}.create-app-form{flex-direction:column;gap:22px;display:flex}.create-app-card .create-app-form>.primary{min-height:44px;margin:0}.create-app-card>.hint{border-top:1px solid #edf1e8;margin:22px 0 0;padding-top:20px;line-height:1.85}.key-box{margin-top:24px;padding:18px}.key-box>strong{font-size:12px}.key-box p{margin:10px 0 14px;line-height:1.85}.key-box code{background:#fff;border:1px solid #d8e6ce;border-radius:7px;padding:13px;font-size:11px;line-height:1.9}.key-box button{background:#fff;border:1px solid #c8dabb;border-radius:6px;justify-content:center;align-items:center;min-height:34px;margin-top:14px;padding:8px 12px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.apps-empty{text-align:center;padding:42px 18px}.apps-empty>span{color:#86a66f;background:#f5f9ef;border:1px solid #e2ebdb;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:14px;display:inline-grid}.apps-empty h3{font-size:15px}.apps-empty p{color:#95a28b;max-width:260px;margin:10px auto 0;font-size:11px;line-height:1.9}.sidebar .side-bottom{padding-top:28px}.sidebar .logout-button{color:#6e8065;background:#fff;border:1px solid #dfe7d9;border-radius:10px;align-items:center;gap:11px;margin-top:20px;padding:10px 12px;font-size:12px;font-weight:600;transition:border-color .2s,background .2s;display:flex}.logout-icon{color:#8aa376;background:#f0f5e9;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.sidebar .logout-button:hover{background:#f4f8ee;border-color:#c6d7b7}.mobile-signout{border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:10px;font-weight:600}.mobile-signout svg{width:14px;height:14px}.admin-badge{min-height:34px}.top-right{gap:10px}.primary,.outline,.danger{line-height:1.5}@media (max-width:1100px){.apps-layout{grid-template-columns:minmax(0,1fr);gap:22px}.create-app-card{max-width:680px}.connected-apps-card{max-width:900px}}@media (max-width:700px){.mobile-signout{display:inline-flex}.top{gap:8px;padding:0 16px}.top>span:first-child{letter-spacing:.7px;font-size:8px}.admin-badge{padding:7px 8px;font-size:9px}.top-right{gap:6px}.panel-title{margin-bottom:22px;padding-bottom:20px}.payment-entry-form,.apps-layout>.panel{padding:22px}.payment-entry-form .form-grid{gap:22px}.payment-form-footer{flex-direction:column;align-items:stretch;gap:15px;margin-top:24px;padding-top:20px}.payment-form-footer p{max-width:none}.payment-form-footer .primary{width:100%}.payment-entry-form .upload{min-height:180px;padding:22px 12px}.apps-layout{gap:20px}.app-row{gap:11px;padding:20px 0}.app-row .app-id{font-size:8px}.receipt-upload-preview{gap:10px;padding:11px}.receipt-upload-preview img{width:42px;height:54px}.key-box{padding:15px}.key-box code{font-size:10px}.create-app-form{gap:20px}}@media (max-width:380px){.admin-badge{display:none}.payment-entry-form,.apps-layout>.panel{padding:18px}.app-row{flex-wrap:wrap}.app-row>.app-active{margin-left:53px}}.app-row .app-name-button{text-align:left;color:#3b553d;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font:700 13px/1.6 Manrope,sans-serif}.app-name-button:hover{text-decoration:underline}.app-row-tools{flex-direction:column;flex:none;align-items:flex-end;gap:10px;display:flex}.app-row-tools>.app-active{color:#77966a;background:#edf5e7;border:1px solid #e2ecd9;border-radius:20px;align-items:center;gap:5px;padding:5px 9px;font-size:9px;display:inline-flex}.app-row-tools>div{gap:5px;display:flex}.app-row-tools .outline,.app-delete-button{border-radius:6px;min-height:30px;padding:5px 8px;font-size:10px}.app-delete-button{color:#a56c57;background:#fffaf7;border:1px solid #eedcd4}.app-delete-button:hover{background:#f8e9e0}.app-dialog{width:min(100%,550px)}.app-dialog-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.app-dialog-heading h2{overflow-wrap:anywhere}.app-dialog-heading>.close{flex:none}.app-detail-grid{grid-template-columns:1fr 1fr;gap:18px 20px;margin:0 0 24px;display:grid}.app-detail-grid>div:first-child{grid-column:1/-1}.app-detail-grid dt{color:#91a087;margin-bottom:7px;font-size:10px}.app-detail-grid dd{overflow-wrap:anywhere;margin:0;font-size:12px}.app-detail-grid>div:first-child dd{background:#f6f8f2;border-radius:7px;padding:12px;font:11px ui-monospace,monospace}.app-key-section{background:#f6faef;border:1px solid #dce8d3;border-radius:10px;padding:18px}.app-key-section>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.app-key-section h3{font-size:13px}.app-key-section>div:first-child>span{color:#91a482;font-size:9px}.app-key-section>code{overflow-wrap:anywhere;background:#fff;border:1px solid #dce7d0;border-radius:7px;padding:13px;font-size:11px;line-height:1.9;display:block}.app-key-section .hidden-key{color:#a5b49a;background:#fff;border:1px dashed #d8e4ce;border-radius:7px;margin-bottom:13px;padding:13px;font-size:12px}.app-key-actions{gap:8px;margin-top:12px;display:flex}.app-key-actions .outline,.app-key-section>.outline{min-height:34px;padding:8px 12px;font-size:10px}.key-replace-link{color:#8da07e;background:0 0;border:0;margin-top:17px;padding:0;font-size:10px;text-decoration:underline;display:block}.archived-apps{border-top:1px solid #e6eddf;margin-top:22px;padding-top:20px}.archived-apps summary{cursor:pointer;color:#8b9b81;font-size:11px;list-style-position:inside}.archived-app-row{border-bottom:1px solid #edf2e7;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;font-size:12px;display:flex}.archived-app-row .outline{min-height:31px;padding:6px 10px;font-size:10px}@media (max-width:700px){.app-row{flex-wrap:wrap}.app-row-tools{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:56px}.app-dialog{padding:22px}.app-key-section{padding:15px}.app-key-section>div:first-child{flex-direction:column;align-items:start;gap:6px}.app-detail-grid{gap:16px}.app-row-tools .outline,.app-delete-button{min-height:32px;padding:6px 9px}}