:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18201c;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#11291e;color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:30}.brand{height:54px;display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:20px}.brand-mark{width:34px;height:34px;border-radius:7px;background:#35b568;display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:inset -7px -7px #f39a3e}.brand-mark.large{width:48px;height:48px;font-size:22px}.brand strong,.brand span{display:block}.brand span{color:#a7b9b0;font-size:12px;margin-top:2px}.sidebar nav{display:grid;gap:4px}.sidebar nav a,.logout{border:0;color:#c5d2cc;text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:transparent;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#1c4532}.logout{margin-top:auto;width:100%}.logout:hover{color:#fff;background:#3a2925}.content{min-width:0}.topbar{height:58px;background:#fff;border-bottom:1px solid #dde3e0;display:flex;align-items:center;gap:12px;padding:0 24px;position:sticky;top:0;z-index:20}.operator-chip{margin-left:auto;font-size:12px;background:#eef3f0;padding:6px 10px;border-radius:20px}.menu,.mobile-close{display:none}.page{padding:24px;max-width:1800px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.page-header h1{margin:0 0 5px;font-size:25px;letter-spacing:0}.page-header p{margin:0;color:#657069;font-size:14px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.card{background:#fff;border:1px solid #dfe5e2;border-radius:7px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric{padding:18px;display:flex;gap:14px}.metric-icon{width:42px;height:42px;border-radius:6px;color:#12633a;background:#e4f4e9;display:grid;place-items:center}.metric span,.metric strong,.metric small{display:block}.metric span{color:#657069;font-size:13px}.metric strong{font-size:25px;margin:3px 0}.metric small{color:#879089}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.split-grid .card{padding:18px}.card-heading h2{font-size:16px;margin:0 0 14px}.summary-row{display:flex;justify-content:space-between;border-top:1px solid #edf0ee;padding:12px 0}.primary,.secondary,.danger,.approve-button{min-height:38px;border-radius:5px;padding:0 14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:650}.primary{background:#12633a;color:#fff}.primary:hover{background:#0d4e2d}.secondary{background:#fff;color:#26332c;border-color:#ccd5d0}.danger{background:#b93434;color:#fff}.approve-button{color:#0a6033;background:#e7f7ed;border-color:#a8dfbc}.full{width:100%}.filters{padding:14px;margin-bottom:14px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;align-items:end}.inline-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-filters .field{width:220px}.filter-reset{align-self:end}.field{display:grid;gap:5px;margin-bottom:13px;color:#3f4d45;font-size:13px}.field>span{font-weight:650}.field small{color:#758079;line-height:1.35}.field input,.field select,.field textarea{width:100%;border:1px solid #cdd6d1;border-radius:5px;padding:9px 10px;color:#18201c;background:#fff;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#268a52;box-shadow:0 0 0 3px #dff2e6}.check-field{display:flex;gap:9px;align-items:center;min-height:38px;font-size:13px}.check-field input{width:17px;height:17px;accent-color:#12633a}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}.table-card table,.modal table{border-collapse:collapse;width:100%;min-width:900px;font-size:12.5px}.table-card th,.table-card td,.modal th,.modal td{text-align:left;padding:11px 12px;border-bottom:1px solid #e8ecea;vertical-align:middle;white-space:nowrap}.table-card th,.modal th{color:#5d6962;background:#f8faf9;font-weight:700;position:sticky;top:0}.table-card tr:hover td{background:#fbfcfb}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.strong{font-weight:700}.block{display:block;margin-top:3px;color:#6d7771}.positive{color:#08723a;font-weight:700}.danger-text,.error-text{color:#af3030}.error-text,.success-text{background:#fff0f0;border:1px solid #eababa;padding:10px 12px;border-radius:5px}.success-text{background:#eaf8ef;border-color:#a7ddba;color:#12633a}.status{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:750;color:#4d5952;background:#e8ecea}.status-verified,.status-completed,.status-online,.status-paid,.status-active{color:#08703a;background:#dff4e7}.status-pending,.status-approved,.status-in_progress,.status-not_activated{color:#8a5914;background:#fff0ce}.status-rejected,.status-failed,.status-suspended,.status-offline{color:#a72c2c;background:#fce1e1}.tags{display:flex;gap:4px}.tags span{background:#eee7f8;color:#613f8a;padding:3px 7px;border-radius:3px}.row-actions,.sort-buttons{display:flex;gap:5px;align-items:center}.row-actions button,.sort-buttons button,.icon-button,.text-button{border:1px solid #ccd5d0;background:#fff;color:#38453e;border-radius:5px;min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.row-actions svg,.sort-buttons svg{width:15px}.row-actions button:disabled{opacity:.35;cursor:not-allowed}.row-actions .approve{color:#0a6b38}.row-actions .reject{color:#ad2d2d}.text-button{border:0;color:#12633a;min-width:auto;padding:0}.sort-buttons strong{min-width:22px;text-align:center}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;color:#657069}.pagination>div{display:flex;align-items:center;gap:10px}.pagination button{border:1px solid #ccd5d0;background:#fff;border-radius:4px;padding:6px 10px}.pagination button:disabled{opacity:.4}.empty{padding:35px;display:flex;align-items:center;justify-content:center;gap:8px;color:#6d7771}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#101713a8;display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:7px;box-shadow:0 25px 70px #0005;padding:20px}.modal-wide{width:min(960px,100%)}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal h2{margin:0;font-size:19px}.icon-button{border:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.code-area,details pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.document-grid figure{margin:0}.document-grid figcaption{margin-bottom:6px;font-weight:700}.document-grid img{width:100%;max-height:420px;object-fit:contain;background:#edf1ef}.offer-cell{display:flex;align-items:center;gap:9px}.offer-cell img{width:34px;height:34px;border-radius:5px;object-fit:cover}.offer-cell small,.offer-cell strong{display:block}.settings-method{border-bottom:1px solid #e3e8e5;margin-bottom:14px;padding-bottom:8px}.permission-grid{border:1px solid #dce3df;border-radius:6px;overflow:hidden;margin-top:15px}.permission-head,.permission-row{display:grid;grid-template-columns:1fr 150px;align-items:center;padding:10px 12px;gap:12px}.permission-head{background:#f4f7f5;color:#647069;font-size:12px}.permission-row+.permission-row{border-top:1px solid #e6ebe8}.permission-row select{border:1px solid #ccd5d0;border-radius:5px;padding:7px}.credential-banner{display:flex;align-items:center;gap:16px;background:#fff5dc;border:1px solid #eed397;padding:12px 14px;border-radius:6px;margin-bottom:14px;flex-wrap:wrap}.credential-banner button{margin-left:auto}.batch-bar{display:flex;align-items:center;gap:8px;margin-left:auto}.login-page{min-height:100vh;display:grid;place-items:center;background:#ecf2ee;padding:20px}.login-panel{width:min(430px,100%);background:#fff;border:1px solid #dce4df;padding:30px;border-radius:7px;box-shadow:0 20px 60px #183d2920}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-brand h1,.login-brand p{margin:0}.login-brand h1{font-size:19px}.login-brand p{color:#6b766f;font-size:13px;margin-top:3px}.login-copy{display:flex;align-items:flex-start;gap:11px;margin-bottom:20px}.login-copy svg{color:#12633a}.login-copy h2,.login-copy p{margin:0}.login-copy h2{font-size:22px}.login-copy p{color:#69746d;font-size:13px;margin-top:5px;line-height:1.45}.password-input{display:flex;border:1px solid #cdd6d1;border-radius:5px}.password-input:focus-within{border-color:#268a52;box-shadow:0 0 0 3px #dff2e6}.password-input input{border:0;box-shadow:none!important}.password-input button{width:42px;border:0;background:transparent;color:#68736d}.password-input svg{width:18px}.login-help{color:#758079;text-align:center;font-size:12px;margin:18px 0 0}.demo-login{width:100%;margin-top:9px}.app-preview-link{display:block;margin:17px auto 0;border:0;color:#12633a;background:transparent;font-weight:700}.app-preview-page{min-height:100vh;background:#f4f1ed;padding:28px}.preview-header{max-width:1180px;margin:0 auto 22px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.preview-header h1{margin:10px 0 4px;font-size:28px}.preview-header p{color:#737c76;margin:0}.preview-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#18b86b;padding:0;font-weight:700}.preview-workspace{max-width:1180px;min-height:790px;margin:0 auto;display:grid;grid-template-columns:250px 430px;justify-content:center;align-items:start;gap:80px;padding:34px;background:#fff;border:1px solid #dce3df}.preview-controls{padding-top:40px;display:grid;gap:28px}.preview-label{display:block;color:#7a847e;font-size:10px;font-weight:800;margin-bottom:8px}.preview-segment{display:grid;grid-template-columns:1fr 1fr;background:#f0ece8;padding:3px;border-radius:6px}.preview-segment button,.preview-flow-list button{border:0;background:transparent;min-height:38px;color:#5d6962}.preview-segment button.active{background:#fff;color:#18b86b;box-shadow:0 1px 4px #1d3a2a18;border-radius:4px;font-weight:700}.preview-flow-list{display:grid;border:1px solid #dce3df;border-radius:6px;overflow:hidden}.preview-flow-list button{padding:0 11px;display:flex;align-items:center;justify-content:space-between;text-align:left}.preview-flow-list button+button{border-top:1px solid #e4e9e6}.preview-flow-list button.active{background:#e4f8ef;color:#159b5b;font-weight:750}.preview-note{padding:13px;background:#fff3e2;color:#765327;border-radius:6px;display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.55}.preview-note p{margin:0}.phone{width:390px;height:780px;background:#111815;border:8px solid #111815;border-radius:46px;box-shadow:0 28px 65px #1b332644;overflow:hidden;position:relative}.phone.android{border-radius:26px}.phone-status{height:28px;background:#fbf8f4;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#243129;font-size:10px;font-weight:800}.phone-screen{height:calc(100% - 28px);background:#fbf8f4;position:relative}.phone-scroll{height:calc(100% - 64px);overflow-y:auto;scrollbar-width:none}.phone-scroll::-webkit-scrollbar{display:none}.phone-tabs{position:absolute;inset:auto 0 0;height:64px;background:#fff;border-top:1px solid #e8e2dc;display:grid;grid-template-columns:repeat(5,1fr);z-index:5}.phone-tabs button{border:0;background:transparent;color:#7b857f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px}.phone-tabs button.active{color:#18b86b}.phone-tabs span{font-size:9px;font-weight:700;white-space:nowrap}.home-indicator{position:absolute;left:50%;bottom:4px;width:110px;height:4px;border-radius:4px;background:#18201c;transform:translate(-50%);z-index:8}.phone.android .home-indicator{width:38px}.mobile-page{padding:18px;min-height:100%}.mobile-page.compact{padding-bottom:28px}.mobile-title h2,.mobile-page h2{font-size:26px;margin:0;letter-spacing:0}.mobile-title p,.mobile-subtitle{color:#737c76;margin:5px 0 17px;font-size:13px;line-height:1.45}.mobile-auth{min-height:100%;background:#fff;padding:55px 24px 30px;text-align:center}.mobile-brand-mark{width:52px;height:52px;margin:0 auto 10px;border-radius:8px;color:#fff;background:#18b86b;box-shadow:inset 0 -7px #ff7f45;display:grid;place-items:center}.mobile-brand{display:block;color:#18b86b}.mobile-auth h2{margin:30px 0 5px;font-size:27px}.mobile-auth>p{color:#737c76;margin:0 0 22px}.mobile-auth>small{display:block;color:#87908a;margin-top:24px;line-height:1.45}.mobile-segment{display:grid;grid-template-columns:1fr 1fr;background:#fbf8f4;padding:3px;border-radius:6px;margin-bottom:17px}.mobile-segment button{height:36px;border:0;background:transparent;color:#737c76}.mobile-segment .active{background:#fff;color:#18b86b;font-weight:700;border-radius:4px}.mobile-outline,.mobile-primary{width:100%;min-height:48px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.mobile-outline{border:1px solid #d3dcd7;background:#fff;margin-bottom:9px;color:#18201c}.mobile-primary{border:0;background:#18b86b;color:#fff;padding:0 12px}.google-g{color:#4285f4;font-weight:900;font-size:18px}.mobile-back,.detail-back{border:0;background:transparent;color:#28352e;padding:0;margin-bottom:17px}.detail-back{display:flex;align-items:center;gap:8px;font-weight:750}.trust-box{display:flex;gap:9px;align-items:flex-start;padding:12px;color:#58418d;background:#f0e9ff;border-radius:7px;font-size:11px;line-height:1.5;margin-bottom:15px}.mobile-field{display:block;margin-bottom:11px;flex:1}.mobile-field>span,.mobile-field-label{display:block;font-size:11px;color:#3a493f;font-weight:750;margin-bottom:5px}.mobile-field>div{border:1px solid #cbd5cf;background:#fff;min-height:43px;border-radius:6px;padding:12px;font-size:12px}.field-row{display:flex;gap:8px}.field-row .mobile-field:first-child{flex:0 0 72px}.id-photos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:7px 0 15px}.id-photos>div{height:92px;border:1px dashed #a8b8af;background:#fff;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#18b86b;font-size:11px;font-weight:700}.earn-hero,.bonus-hero,.wallet-balance{color:#fff;border-radius:8px;padding:18px;margin-bottom:13px}.earn-hero{background:linear-gradient(135deg,#7447e8,#a84fd6 58%,#ff7f45)}.bonus-hero{background:linear-gradient(135deg,#ff8a3d,#f25f78 58%,#7447e8)}.wallet-balance{background:linear-gradient(135deg,#18b86b,#31bfa2 58%,#7447e8)}.earn-hero>span,.bonus-hero span,.wallet-balance span{color:#fff1e7;font-size:9px;font-weight:850}.earn-hero h3{font-size:20px;line-height:1.3;width:85%;margin:7px 0}.earn-hero p{display:flex;align-items:center;gap:5px;margin:0;font-size:11px}.offer-card{width:100%;padding:0;margin-bottom:11px;display:grid;grid-template-columns:96px 1fr;text-align:left;border:1px solid #e8e2dc;border-radius:8px;overflow:hidden;background:#fff}.offer-art{color:#fff;display:grid;place-items:center;min-height:145px}.offer-art.green,.detail-art.green{background:#18b86b}.offer-art.purple,.detail-art.purple{background:#7447e8}.offer-art.orange,.detail-art.orange{background:#ff7f45}.offer-content{padding:12px;min-width:0}.offer-content>div{display:flex;justify-content:space-between;color:#ff7f45}.offer-type{font-size:8px;font-weight:850;padding:4px 6px;border-radius:3px}.offer-type.green{color:#159b5b;background:#e4f8ef}.offer-type.purple{color:#7447e8;background:#f0e9ff}.offer-type.orange{color:#ad4c12;background:#fff0dc}.offer-content h3{margin:9px 0 4px;font-size:14px;line-height:1.3}.offer-content p{margin:0;color:#737c76;font-size:10px;line-height:1.45}.offer-content footer{display:flex;justify-content:space-between;align-items:center;color:#18b86b;margin-top:9px;font-size:11px}.detail-art{height:180px;border-radius:8px;color:#fff;display:grid;place-items:center}.detail-heading{display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;margin:14px 0}.detail-heading>div{background:#e4f8ef;color:#159b5b;padding:10px;border-radius:6px;text-align:center}.detail-heading strong,.detail-heading span{display:block}.detail-heading strong{font-size:18px}.detail-heading span{font-size:8px;font-weight:800}.detail-heading h2{font-size:19px;line-height:1.25}.bonus-callout{display:flex;gap:9px;align-items:flex-start;background:#fff0dc;color:#a64d17;padding:11px;border-radius:7px;margin-bottom:11px}.bonus-callout span,.bonus-callout small{display:block}.bonus-callout strong{font-size:11px}.bonus-callout small{font-size:9px;line-height:1.4;margin-top:2px}.mobile-card,.mobile-task,.withdrawal{background:#fff;border:1px solid #e8e2dc;border-radius:8px;padding:14px;margin-bottom:11px}.mobile-card h3{font-size:13px;margin:0 0 10px}.mobile-card>p{color:#737c76;font-size:11px;line-height:1.5}.check-line{display:flex;gap:7px;align-items:center}.check-line svg{width:15px;height:15px;border-radius:50%;padding:3px;color:#fff;background:#2bc477;flex:0 0 auto}.task-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e8e2dc;margin-bottom:13px}.task-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;min-height:42px;color:#737c76;font-size:10px}.task-tabs button.active{color:#18b86b;border-color:#18b86b;font-weight:800}.mobile-task{border-left:5px solid #ff7f45}.mobile-task.completed{border-left-color:#2bc477}.mobile-task.rejected{border-left-color:#d7465f}.mobile-task>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#159b5b;font-size:11px}.mobile-task h3{font-size:14px;margin:12px 0 3px}.mobile-task>small{color:#737c76;font-size:9px}.mobile-status{display:inline-flex;padding:4px 7px;background:#fff0dc;color:#a64d17;border-radius:12px;font-size:9px;font-weight:750}.mobile-status.completed,.mobile-status.paid{background:#e4f8ef;color:#159b5b}.mobile-status.rejected{background:#fde9ed;color:#d7465f}.reject-reason{border-top:1px solid #e5e9e7;margin-top:10px;padding-top:9px}.reject-reason b{color:#d7465f;font-size:9px}.reject-reason p{color:#737c76;font-size:10px;margin:4px 0 8px}.reject-reason a{color:#18b86b;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px}.bonus-hero,.wallet-balance{display:flex;justify-content:space-between;align-items:center}.bonus-hero strong,.wallet-balance strong{display:block;font-size:30px;margin:3px 0}.bonus-hero small{display:block;font-size:10px}.calendar-card{margin-top:14px}.calendar-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.calendar-card>div:first-child small{color:#737c76}.calendar-card i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bc477}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.calendar-week span{color:#737c76;font-size:8px;font-weight:700;padding:7px 0}.calendar-days span{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#79827d;font-size:9px}.calendar-days .claimed{background:#e4f8ef;color:#159b5b;font-weight:800}.calendar-days .today{border:1px solid #ff7f45}.payout-methods,.amounts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:15px}.amounts{grid-template-columns:repeat(4,1fr)}.payout-methods button,.amounts button,.history-filters button{border:1px solid #d4ddd8;background:#fff;min-height:38px;border-radius:5px;font-size:10px}.payout-methods button.active,.amounts button.active{border-color:#18b86b;color:#159b5b;background:#e4f8ef;font-weight:750}.section-label{font-size:14px;margin:18px 0 8px}.history-filters{display:flex;gap:5px;overflow:hidden;margin-bottom:10px}.history-filters button{padding:0 9px;white-space:nowrap;min-height:30px}.history-filters .active{color:#fff;background:#18b86b;border-color:#18b86b}.withdrawal>div,.withdrawal footer{display:flex;justify-content:space-between;align-items:center}.withdrawal>div>span:first-child{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.withdrawal footer{margin-top:12px}.withdrawal footer small{color:#737c76}.profile-head{display:flex;align-items:center;gap:10px;background:#fff;padding:14px;border:1px solid #e8e2dc;border-radius:8px;margin-bottom:11px}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e4f8ef;color:#18b86b}.profile-head>div:nth-child(2){flex:1}.profile-head h3{margin:0 0 3px;font-size:14px}.profile-head small{color:#737c76;font-size:9px}.profile-head button{border:0;background:#fff0dc;color:#9a5d11;padding:5px 8px;border-radius:12px;font-size:9px;font-weight:750}.invite-card{background:linear-gradient(135deg,#7447e8,#a34edb 58%,#ff7f45);color:#fff;padding:15px;border-radius:8px;margin-bottom:11px}.invite-card header{display:flex;gap:9px}.invite-icon{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;background:#fff2}.invite-card h3{font-size:14px;margin:0}.invite-card p{font-size:9px;margin:3px 0 0;color:#eee5f8}.invite-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;text-align:center}.invite-stats div+div{border-left:1px solid #ffffff2f}.invite-stats strong,.invite-stats span{display:block}.invite-stats strong{font-size:16px}.invite-stats span{font-size:8px;color:#eee5f8}.invite-card>button{width:100%;height:37px;border:1px solid #ffffff70;color:#fff;background:transparent;border-radius:5px;font-weight:700}.settings>div{display:flex;align-items:center;gap:9px;min-height:42px;border-top:1px solid #e5e9e7;font-size:11px;color:#18b86b}.settings>div span{flex:1;color:#25332b}.toggle{width:32px;height:18px;background:#2bc477;border-radius:12px;position:relative}.toggle:after{content:"";position:absolute;width:14px;height:14px;right:2px;top:2px;border-radius:50%;background:#fff}.notice{display:flex;align-items:center;gap:8px;padding:10px;border-radius:5px;font-size:13px;margin-bottom:14px}.notice.error{color:#982929;background:#fce7e7}.notice.success{color:#0b6737;background:#e2f6e9}.image-placeholder{min-height:220px;background:#edf1ef;color:#69746d;display:grid;place-items:center}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-260px;width:240px;transition:left .2s}.sidebar.open{left:0}.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:25}.menu,.mobile-close{display:inline-flex;border:0;background:transparent}.mobile-close{margin-left:auto;color:#fff}.metric-grid,.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.page{padding:16px}.page-header{flex-direction:column}.page-actions,.page-actions button{width:100%}.metric-grid,.split-grid,.form-grid,.document-grid,.filter-grid{grid-template-columns:1fr}.metric strong{font-size:21px}.topbar{padding:0 16px}.pagination{align-items:flex-start;gap:10px;flex-direction:column}.credential-banner{display:grid}.batch-bar{margin-left:0;width:100%;flex-wrap:wrap}.app-preview-page{padding:14px}.preview-header{align-items:stretch;flex-direction:column}.preview-header .primary{width:100%}.preview-workspace{display:flex;flex-direction:column;padding:16px;gap:18px;align-items:center}.preview-controls{width:100%;padding-top:0}.phone{width:min(390px,calc(100vw - 60px));height:740px}}