:root{--ink:#10231e;--muted:#687872;--green:#18b981;--green-dark:#0c8f63;--cream:#f6f3e9;--white:#fff;--line:#dfe7e2}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{color:var(--ink);font-size:22px;font-weight:700;text-decoration:none}.brand span{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:36px;height:36px;border-radius:11px;margin-right:7px}.nav-actions{display:flex;align-items:center;gap:20px}.nav-actions a{color:var(--ink);font-weight:600;text-decoration:none}.btn{border:0;border-radius:10px;padding:11px 18px;font:600 14px inherit;cursor:pointer;text-decoration:none;display:inline-block}.btn-primary{background:var(--green);color:#fff!important;box-shadow:0 8px 24px #18b98128}.btn-primary:hover{background:var(--green-dark)}.btn-secondary,.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-large{padding:15px 23px;font-size:16px}.btn-block{width:100%;padding:14px}.hero{max-width:1040px;margin:85px auto 0;text-align:center;padding:30px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700;color:var(--green-dark);margin-bottom:18px}.hero h1,.auth-copy h1,.dashboard h1{font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0}.hero h1 em,.auth-copy h1 em{color:var(--green);font-style:normal}.hero>p{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px;margin:25px auto}.hero-actions{display:flex;justify-content:center;gap:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid var(--line);padding-top:28px}.features div{display:flex;flex-direction:column;gap:7px}.features span,.muted{color:var(--muted)}.auth-wrap{max-width:1060px;margin:65px auto;display:grid;grid-template-columns:1fr 440px;gap:100px;align-items:center;padding:25px}.auth-copy h1{font-size:64px}.auth-copy p{color:var(--muted);line-height:1.7;font-size:17px;max-width:470px}.card,.panel,.stats article{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px #133d3010}.card{padding:34px}.card h2{font-size:28px;margin:0 0 6px}.card form{margin-top:24px}.card label{display:block;font-size:13px;font-weight:700;margin:17px 0 7px}.card input:not([type=checkbox]){display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fbfcfb}.card input:focus{outline:2px solid #18b98142;border-color:var(--green)}.card .check{font-weight:500;margin:18px 0}.error{font-size:13px;color:#c0392b}.card-footer{text-align:center;color:var(--muted);font-size:14px;margin:20px 0 0}.card a{color:var(--green-dark);font-weight:700}.dashboard{max-width:1100px;margin:65px auto;padding:25px}.dashboard h1{font-size:54px}.dashboard>.muted{font-size:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:38px 0}.stats article{padding:25px}.stats span,.stats small{display:block;color:var(--muted)}.stats strong{display:block;font-size:38px;margin:15px 0}.stats .status{font-size:28px;color:#d47651}.panel{padding:28px}.panel h2{margin-top:0}.panel p{color:var(--muted);line-height:1.7;margin-bottom:0}.callout{display:flex;align-items:center;justify-content:space-between}.user-chip{font-size:13px;color:var(--muted)}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:760px){.nav{padding:0 18px}.user-chip{display:none}.auth-wrap{grid-template-columns:1fr;gap:35px;margin-top:25px}.auth-copy h1,.dashboard h1{font-size:43px}.features,.stats{grid-template-columns:1fr}.features{gap:25px;margin-top:55px}.hero{margin-top:35px}.hero-actions{flex-direction:column}.callout{align-items:flex-start;gap:20px;flex-direction:column}}
.ai-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px;align-items:start}.settings-form label{display:block;font-size:13px;font-weight:700;margin:16px 0}.settings-form input,.settings-form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit;background:#fbfcfb;color:var(--ink)}.settings-form textarea{resize:vertical;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.switch-row small{display:block;color:var(--muted);margin-top:5px}.switch-row input{width:22px;height:22px}.notice{padding:14px 17px;border-radius:10px;margin:20px 0}.notice.success{background:#dff6eb;color:#08704b}.error-box{background:#fde8e5;color:#a23527}.test-response{background:#f1f8f4;border-radius:10px;padding:16px;margin-top:18px}.test-response p{white-space:pre-wrap;line-height:1.6}.mini-stat{margin-top:20px}.mini-stat span,.mini-stat small{display:block;color:var(--muted)}.mini-stat strong{display:block;font-size:38px;margin:8px 0}@media(max-width:800px){.ai-grid,.form-grid{grid-template-columns:1fr}}.credential-card{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:28px 0}.credential-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.credential-card strong{word-break:break-all}.secret-panel{border-color:#f0bd55;background:#fffaf0;margin:24px 0}.badge-warning{display:inline-block;background:#ffe5a9;color:#825500;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:700}.secret-copy{display:flex;align-items:center;gap:12px;margin-top:15px}.secret-copy code{flex:1;padding:14px;background:#18231f;color:#bff7df;border-radius:8px;overflow:auto}.settings-form select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;font:inherit}.api-docs pre{background:#15221e;color:#c9f5e4;padding:16px;border-radius:10px;overflow:auto;font-size:12px;line-height:1.6}.api-docs h3{margin-top:24px}@media(max-width:800px){.credential-card{grid-template-columns:1fr 1fr}.secret-copy{align-items:stretch;flex-direction:column}}@media(max-width:480px){.credential-card{grid-template-columns:1fr}}
.dashboard-body{background:#f4f6fa}.dashboard-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #e7eaf0;padding:25px 18px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{padding:0 8px 26px;border-bottom:1px solid #eceef3}.sidebar-label{font-size:11px;font-weight:700;color:#8b91a2;letter-spacing:.1em;margin:24px 10px 9px}.sidebar-nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:9px;color:#62697b;text-decoration:none;font-size:14px;font-weight:600;margin:4px 0}.sidebar-nav a:hover,.sidebar-nav a.active{background:#edfff8;color:#0c8f63}.sidebar-nav a.active{box-shadow:inset 3px 0 var(--green)}.sidebar-footer{margin-top:auto;border-top:1px solid #eceef3;padding:18px 10px 0}.sidebar-footer span,.sidebar-footer small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer span{font-weight:700;font-size:14px}.sidebar-footer small{color:var(--muted);font-size:11px;margin:4px 0 10px}.sidebar-footer button{border:0;background:none;color:#c44536;padding:0;font:600 13px inherit;cursor:pointer}.dashboard-workspace{min-width:0}.dashboard-topbar{height:78px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;padding:0 30px;gap:13px}.dashboard-topbar div{display:flex;flex-direction:column}.dashboard-topbar small{color:var(--muted);font-size:11px;margin-top:2px}.admin-chip{margin-left:auto;width:38px;height:38px;border-radius:11px;background:#e2f8ef;color:#08704b;display:grid;place-items:center;font-size:12px;font-weight:700}.sidebar-toggle{display:none;border:0;background:#eef2f1;border-radius:8px;width:36px;height:36px;font-size:18px}.dashboard-main .dashboard{max-width:1200px;margin:35px auto}.dashboard-main .dashboard h1{font-size:42px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px}.page-heading .eyebrow{margin-bottom:10px}.page-heading p{margin-bottom:0}.device-panel{padding:0;overflow:hidden}.device-summary{display:flex;align-items:center;justify-content:space-between;padding:25px 28px}.device-summary h2{margin-bottom:5px}.device-summary p{margin:0}.quota{font-size:20px;font-weight:700;color:var(--green-dark);background:#e7f9f2;padding:9px 13px;border-radius:9px}.unofficial-notice{padding:12px 28px;background:#fff8df;color:#86630d;border-top:1px solid #f5e7ae;border-bottom:1px solid #f5e7ae;font-size:13px}.device-table{border-collapse:collapse;width:100%}.device-table th,.device-table td{text-align:left;padding:17px 28px;border-bottom:1px solid #edf0f3;font-size:14px}.device-table th{font-size:12px;color:#7b8291;text-transform:uppercase;letter-spacing:.05em}.device-table td small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.empty-devices{text-align:center!important;color:var(--muted);padding:45px!important}.status-pill{display:inline-block;padding:6px 10px;border-radius:20px;background:#edf0f3;color:#697180;font-size:12px;font-weight:700}.status-ready{background:#dff7eb;color:#08704b}.status-qr,.status-initializing{background:#fff2ce;color:#86630d}.status-error,.status-auth_failure{background:#fde8e5;color:#a23527}.device-actions{display:flex;gap:12px}.device-actions form{margin:0}.link-button{border:0;background:none;color:#0c8f63;font:700 12px inherit;cursor:pointer;padding:4px}.link-button.danger{color:#bd4436}.device-modal{display:none;position:fixed;inset:0;z-index:100}.device-modal.open{display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#14211db8}.device-dialog{position:relative;background:#fff;border-radius:14px;width:min(470px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;box-shadow:0 30px 90px #0003}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #e6e8ed}.dialog-head h2{margin:0;font-size:20px}.dialog-head button{border:0;background:none;color:#747b83;font-size:30px;line-height:1;cursor:pointer}.dialog-body{padding:26px}.wa-mark{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#04cf78;border:10px solid #baf5db;color:#fff;font-size:55px}.dialog-copy{text-align:center;color:#697180;font-size:13px;line-height:1.65}.dialog-body label{display:block;font-size:13px;font-weight:700;margin-top:18px}.dialog-body input{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid #d7dce2;border-radius:8px;font:inherit}.dialog-submit{display:block;margin:15px 0 0 auto}.terms-box{background:#f7f8fa;text-align:center;border-radius:9px;padding:14px;margin-top:20px}.terms-box span{background:#f53467;color:#fff;border-radius:15px;padding:3px 8px;font-size:10px;font-weight:700}.terms-box p{font-size:11px;line-height:1.6;margin:7px 0 0;color:#7c8491}.qr-frame{position:relative;min-height:275px;display:grid;place-items:center}.qr-frame img{display:none;max-width:270px;width:100%;height:auto}.qr-frame div{color:var(--muted)}.qr-status{text-align:center;font-weight:700;color:#0c8f63}.notice ul{margin:0;padding-left:20px}
@media(max-width:900px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-275px;width:260px;transition:left .2s;box-shadow:10px 0 30px #0002}.sidebar.is-open{left:0}.sidebar-toggle{display:block}.dashboard-main .dashboard{margin-top:20px}.page-heading{align-items:flex-start;flex-direction:column}.device-table th,.device-table td{padding:14px}.dashboard-topbar{padding:0 18px}}@media(max-width:600px){.device-table th:first-child,.device-table td:first-child{display:none}.device-table-wrap{overflow-x:auto}.dashboard-main .dashboard{padding:16px}.dashboard-main .dashboard h1{font-size:34px}.device-summary{padding:20px}.device-summary p{font-size:12px}}
.device-phone{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#263b34}.status-ready{background:#19bf65;color:#fff}
.credential-table-panel{padding:0;overflow:hidden}.credential-summary{display:flex;align-items:center;justify-content:space-between;padding:25px 28px}.credential-summary h2{margin-bottom:5px}.credential-summary p{margin:0}.credential-table{min-width:980px}.production-url{white-space:nowrap;color:#315c4e}.table-secret{display:block;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f1f4f3;padding:9px 10px;border-radius:7px;color:#29443b;font-size:11px}.credential-actions{display:flex;gap:8px;align-items:center}.credential-actions form{margin:0}.btn-small{padding:8px 10px;font-size:11px;white-space:nowrap}.credential-help{margin-top:22px}.credential-help pre{background:#15221e;color:#c9f5e4;padding:17px;border-radius:10px;overflow:auto;font-size:12px;line-height:1.6}
.copy-value{border:0;background:none;padding:0;font:600 12px ui-monospace,SFMono-Regular,Consolas,monospace;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.copy-value:hover{color:var(--green-dark)}button.table-secret{border:0;text-align:left;cursor:default;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.table-secret.is-visible{max-width:420px;white-space:normal;overflow-wrap:anywhere;text-overflow:clip;color:#08704b;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.table-secret.is-visible:hover{background:#e4f5ee}
.api-reference{display:grid;grid-template-columns:210px minmax(0,780px);gap:45px;max-width:1100px;margin:35px auto;padding:0 25px;align-items:start}.docs-index{position:sticky;top:105px;display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:25px}.docs-index strong{font-size:11px;letter-spacing:.11em;color:#8b91a2;margin-bottom:12px}.docs-index a{padding:8px 10px;color:#687872;text-decoration:none;font-size:13px;border-radius:7px}.docs-index a:hover{background:#e9f8f2;color:#08704b}.docs-content{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px 42px 45px}.docs-content section{padding:38px 0;border-bottom:1px solid #edf0f1;scroll-margin-top:25px}.docs-content section:last-child{border-bottom:0}.docs-content h1{font-size:43px;letter-spacing:-.04em;margin:8px 0 18px}.docs-content h2{font-size:27px;margin:0 0 14px}.docs-content p{color:#5f706a;line-height:1.75}.docs-kicker{color:#0c8f63;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em}.docs-callout{background:#eaf8f2;padding:15px 17px;border-left:4px solid var(--green);display:flex;gap:18px;align-items:center}.docs-callout button{border:0;background:none;color:#08704b;font:600 12px ui-monospace,monospace;cursor:pointer;text-decoration:underline dotted}.docs-code{background:#15221e;border-radius:10px;overflow:hidden;margin:20px 0}.docs-code>div{display:flex;justify-content:space-between;padding:9px 14px;background:#20312b;color:#9fc1b5;font-size:11px}.docs-code button{border:0;background:none;color:#9fe3c9;cursor:pointer;font-size:11px}.docs-code pre{margin:0;padding:18px;color:#cef5e6;overflow:auto;line-height:1.65;font-size:12px}.docs-note{background:#fff7dc;border-left:4px solid #e8b744;padding:14px;color:#755a17;font-size:13px}.endpoint-method{display:inline-block;background:#19b86e;color:#fff;font-size:11px;font-weight:700;padding:5px 8px;border-radius:5px;margin-right:8px}.endpoint-path{font-size:13px}.docs-params{width:100%;border-collapse:collapse;margin-top:18px}.docs-params th,.docs-params td{text-align:left;padding:13px;border-bottom:1px solid #e5e9e7;font-size:13px;vertical-align:top}.docs-params th{color:#687872;font-size:11px;text-transform:uppercase}.docs-params td span{color:#b14536;font-size:11px;font-weight:700}@media(max-width:850px){.api-reference{grid-template-columns:1fr}.docs-index{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px;display:grid;grid-template-columns:repeat(2,1fr)}.docs-index strong{grid-column:1/-1}.docs-content{padding:8px 22px 35px}}
.app-body{--navbar-height:70px;--sidebar-width:260px;--footer-height:52px;margin:0;background:#f4f7f8;min-height:100vh}.app-navbar{position:sticky;top:0;z-index:60;height:var(--navbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #dfe7e5;box-shadow:0 2px 12px #163c3210}.navbar-start{display:flex;align-items:center;gap:14px;min-width:0}.btn-toggle{width:40px;height:40px;border:1px solid #dfe7e5;border-radius:9px;background:#fff;color:#38564d;font-size:20px;cursor:pointer}.navbar-heading{display:flex;flex-direction:column;line-height:1.2}.navbar-title{font-size:16px;color:#17372d}.navbar-subtitle{font-size:11px;color:#7a8d86;margin-top:3px}.navbar-user{position:relative}.navbar-user summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer}.navbar-user summary::-webkit-details-marker{display:none}.navbar-user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dff5ed;color:#08704b;font-size:12px;font-weight:700}.navbar-user-copy{display:flex;flex-direction:column}.navbar-user-copy strong{font-size:12px}.navbar-user-copy small{font-size:10px;color:#778a83}.user-dropdown{position:absolute;right:0;top:48px;width:230px;background:#fff;border:1px solid #dfe7e5;border-radius:10px;padding:14px;box-shadow:0 16px 40px #17372d20}.user-dropdown span{display:block;color:#71837d;font-size:11px;overflow:hidden;text-overflow:ellipsis}.user-dropdown form{border-top:1px solid #edf1ef;margin-top:11px;padding-top:9px}.user-dropdown button{border:0;background:none;padding:0;color:#c33f35;font:600 12px inherit;cursor:pointer}.app-wrapper{display:flex;min-height:calc(100vh - var(--navbar-height) - var(--footer-height))}.app-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:calc(100vh - var(--navbar-height) - var(--footer-height));position:sticky;top:var(--navbar-height);z-index:50;background:linear-gradient(180deg,#087e68,#075a4c);color:#fff;transition:margin-left .25s ease}.sidebar-header{height:74px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.app-sidebar .sidebar-brand{display:flex;align-items:center;gap:10px;color:#fff;padding:0;border:0}.app-sidebar .sidebar-brand-mark{width:38px;height:38px;background:#ffffff24;color:#fff;border:1px solid #ffffff30}.app-sidebar .sidebar-brand strong,.app-sidebar .sidebar-brand small{display:block}.app-sidebar .sidebar-brand strong{font-size:14px}.app-sidebar .sidebar-brand small{font-size:10px;color:#ffffffb5;margin-top:2px}.sidebar-close{display:none;border:0;background:#ffffff18;color:#fff;width:34px;height:34px;border-radius:8px;font-size:23px}.sidebar-scroll{height:calc(100% - 74px);overflow-y:auto;padding:12px}.app-sidebar .sidebar-section{display:block;color:#ffffff83;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:17px 12px 7px}.app-sidebar .sidebar-nav a{color:#ffffffc9;border-radius:8px;padding:11px 13px}.app-sidebar .sidebar-nav a:hover{background:#ffffff18;color:#fff}.app-sidebar .sidebar-nav a.active{background:#fff;color:#08705e;box-shadow:0 5px 18px #003d322c}.app-content{min-width:0;flex:1}.app-content .dashboard{margin:32px auto;max-width:1200px}.app-footer{min-height:var(--footer-height);margin-left:0;padding:0 25px 0 calc(var(--sidebar-width) + 25px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid #dfe7e5;color:#71837d}.app-footer small{font-size:11px}.sidebar-backdrop{display:none}.sidebar-collapsed .app-sidebar{margin-left:calc(var(--sidebar-width) * -1)}.sidebar-collapsed .app-footer{padding-left:25px}.app-body .notice{display:none}.swal-errors{text-align:left;margin:0;padding-left:20px}.swal2-popup{font-family:"DM Sans",sans-serif}.swal2-confirm,.swal2-cancel{border-radius:8px!important}
@media(max-width:991px){.navbar-user-copy{display:none}.app-sidebar{position:fixed;top:var(--navbar-height);left:0;height:calc(100vh - var(--navbar-height));transform:translateX(-100%);transition:transform .25s ease;margin:0!important}.sidebar-open .app-sidebar{transform:translateX(0)}.sidebar-close{display:block}.sidebar-backdrop{display:block;position:fixed;inset:var(--navbar-height) 0 0;border:0;background:#071d18a8;z-index:40;opacity:0;visibility:hidden;transition:.2s}.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}.sidebar-open{overflow:hidden}.app-footer{margin-left:0;padding-left:25px}.app-navbar{padding:0 15px}.app-content .dashboard{margin-top:20px}}@media(max-width:600px){.navbar-subtitle{display:none}.app-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px;padding:8px 16px}}
.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-history{padding:0;margin-bottom:22px;overflow:hidden}.dashboard-history .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-bottom:1px solid #edf0f3}.dashboard-history .panel-heading h2{margin:0 0 5px}.dashboard-history .panel-heading p{margin:0}.activity-table td{vertical-align:top}.activity-time{white-space:nowrap;color:var(--muted)}.activity-message{min-width:280px;max-width:520px;line-height:1.55}.dashboard-history+.callout{margin-top:22px}@media(max-width:1100px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.dashboard-stats{grid-template-columns:1fr}.dashboard-history .panel-heading{align-items:flex-start;flex-direction:column}.activity-table{min-width:850px}}
.user-search{display:flex;gap:9px}.user-search input{min-width:280px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font:inherit}.user-table-panel{padding:0;overflow:hidden}.user-table{min-width:1050px}.user-table select,.user-table input{width:100%;min-width:125px;padding:9px;border:1px solid #dbe3df;border-radius:7px;background:#fff;font:inherit;font-size:12px}.user-table input{min-width:145px}.user-pagination{padding:20px 28px;border-top:1px solid #edf0f3}.user-pagination nav>div:first-child{display:none}.user-pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:15px}.user-pagination svg{width:18px}.user-pagination a,.user-pagination span{color:#315c4e}@media(max-width:700px){.user-search{width:100%}.user-search input{min-width:0;flex:1}}
.user-app .app-sidebar{background:linear-gradient(180deg,#087e68,#075a4c)}.user-account-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.user-account-stats strong{font-size:30px}.user-account-stats .expiry-value{font-size:22px;margin-top:18px}.user-status-active{color:var(--green-dark)}.user-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:20px}.package-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.package-heading>div{display:flex;align-items:center;gap:13px}.package-heading small{color:var(--muted)}.package-heading h2{margin:2px 0 0;font-size:28px}.package-icon{width:48px;height:48px;border-radius:13px;background:#dff7eb;color:#08704b;display:grid;place-items:center;font-size:21px}.package-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.package-meta>span{display:grid;grid-template-columns:28px 1fr;column-gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px}.package-meta i{grid-row:1/3;color:var(--green-dark);font-size:19px}.package-meta small{color:var(--muted)}.package-meta strong{font-size:13px}.account-panel h2{margin-bottom:16px}.account-detail{padding:13px 0;border-bottom:1px solid #edf0f3}.account-detail span,.account-detail strong{display:block}.account-detail span{font-size:11px;color:var(--muted);margin-bottom:4px}.account-detail strong{font-size:13px;overflow-wrap:anywhere}.account-panel .btn{margin-top:20px}@media(max-width:1100px){.user-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.user-dashboard-grid{grid-template-columns:1fr}}@media(max-width:650px){.user-account-stats,.package-meta{grid-template-columns:1fr}}
.app-body:not(.user-app) .navbar-user summary{max-width:270px;padding:6px 9px;border:1px solid transparent;border-radius:12px;color:#214d4b;background:#fff;transition:.18s}.app-body:not(.user-app) .navbar-user summary:hover,.app-body:not(.user-app) .navbar-user[open] summary{border-color:var(--line);background:#f5faf8}.app-body:not(.user-app) .navbar-user summary::after{content:"\F282";font-family:"bootstrap-icons";font-size:10px;color:#7b8c86;margin-left:2px;transition:transform .18s}.app-body:not(.user-app) .navbar-user[open] summary::after{transform:rotate(180deg)}.app-body:not(.user-app) .navbar-user-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:var(--green);color:#fff;font-size:18px;font-weight:400}.app-body:not(.user-app) .navbar-user-copy{min-width:0;text-align:left}.app-body:not(.user-app) .navbar-user-copy strong,.app-body:not(.user-app) .navbar-user-copy small{display:block;max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-body:not(.user-app) .navbar-user-copy strong{font-size:12px;font-weight:600}.app-body:not(.user-app) .navbar-user-copy small{font-size:10px;color:#778a83}@media(max-width:575px){.app-body:not(.user-app) .navbar-user-copy{display:none}.app-body:not(.user-app) .navbar-user summary::after{display:none}}
.billing-admin-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:20px;margin:28px 0}.admin-plan-row{padding:17px 0;border-bottom:1px solid var(--line)}.admin-plan-row:first-of-type{padding-top:4px}.billing-qris-preview{display:block;width:190px;max-height:230px;object-fit:contain;margin:12px auto;border:1px solid var(--line);border-radius:10px;padding:8px}.invoice-admin-panel,.user-invoice-list{padding:0;overflow:hidden}.invoice-table{min-width:1200px}.invoice-actions{display:flex;align-items:flex-start;gap:7px}.invoice-actions form{margin:0}.reject-form{display:flex;gap:5px}.reject-form input{width:150px;padding:8px;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:11px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.plan-card{display:flex;flex-direction:column;position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--green)}.plan-code{font-size:10px;color:var(--green-dark);font-weight:700;letter-spacing:.12em}.plan-card h2{font-size:25px;margin:8px 0}.plan-price{font-size:33px;font-weight:700;color:var(--ink)}.plan-price small{font-size:13px;margin-right:3px}.plan-card p{flex:1}.plan-duration{display:block;margin:5px 0 18px;color:var(--muted)}.plan-card form{margin:0}.empty-plan{grid-column:1/-1;text-align:center;padding:50px}.empty-plan i{font-size:38px;color:var(--green)}.invoice-web-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:20px}.invoice-web-card{padding:30px}.invoice-brand{display:flex;align-items:center;gap:10px;font-size:20px}.invoice-brand span{width:38px;height:38px;border-radius:10px;background:var(--green);color:#fff;display:grid;place-items:center}.invoice-status-row{display:flex;align-items:center;justify-content:space-between;margin:28px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.invoice-status-row small,.invoice-status-row strong{display:block}.invoice-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0}.invoice-line>span{color:var(--muted)}.invoice-line strong{text-align:right}.invoice-line small{display:block;color:var(--muted);font-weight:400;margin-top:3px}.invoice-total{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:18px;border-radius:10px;background:#e7f8f1}.invoice-total strong{font-size:24px;color:var(--green-dark)}.invoice-expiry{color:#86630d;background:#fff8df;padding:11px;border-radius:8px}.payment-box h2{margin-bottom:18px}.invoice-qris{display:block;width:210px;max-height:245px;object-fit:contain;margin:0 auto}.qris-caption{text-align:center;font-size:11px}.payment-account{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.payment-account small,.payment-account strong,.payment-account span{display:block}.payment-account strong{font-size:21px;margin:5px 0}.manual-instructions{font-size:12px}.proof-form{margin-top:20px}.proof-form label{display:block;margin:16px 0}.proof-form input{display:block;margin-top:7px}.rejection-note{background:#fde8e5;color:#a23527;padding:12px;border-radius:8px}.review-notice,.paid-notice{display:flex;align-items:center;gap:15px;margin-top:20px}.review-notice>i,.paid-notice>i{font-size:30px}.review-notice>i{color:#c18a0c}.paid-notice>i{color:var(--green)}.review-notice p,.paid-notice p{margin:4px 0 0}.package-action{margin-top:20px}@media(max-width:1000px){.billing-admin-grid,.invoice-web-grid{grid-template-columns:1fr}.plan-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.plan-grid{grid-template-columns:1fr}.invoice-total{align-items:flex-start;flex-direction:column;gap:8px}.invoice-total strong{font-size:21px}}
/* Struktur mengikuti pola SIPAS dengan palet identitas Notify. */
.app-body{background:var(--cream)}.app-navbar{background:#fff;border-bottom-color:var(--line);box-shadow:0 5px 20px #133d3009}.btn-toggle{background:#fff;border-color:var(--line);color:var(--ink)}.navbar-title{color:var(--ink)}.navbar-subtitle{color:var(--muted)}.navbar-user-avatar{border-radius:11px;background:#e5f8f0;color:var(--green-dark)}.app-sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line);box-shadow:none}.sidebar-header{border-bottom:1px solid var(--line)}.app-sidebar .sidebar-brand{color:var(--ink)}.app-sidebar .sidebar-brand-mark{background:var(--green);color:#fff;border:0}.app-sidebar .sidebar-brand small{color:var(--muted)}.app-sidebar .sidebar-section{color:#8a9993}.app-sidebar .sidebar-nav a{color:#5d6e68}.app-sidebar .sidebar-nav a:hover{background:#eff8f4;color:var(--green-dark)}.app-sidebar .sidebar-nav a.active{background:#e5f8f0;color:var(--green-dark);box-shadow:inset 3px 0 var(--green)}.sidebar-close{background:#edf4f1;color:var(--ink)}.app-footer{background:#fff;border-top-color:var(--line);color:var(--muted)}.sidebar-backdrop{background:#10231e99}
.app-sidebar .sidebar-brand{min-width:0;text-decoration:none;padding:0;border:0;gap:12px}.app-sidebar .sidebar-brand-mark{position:relative;display:block;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#20c990,#0aa775);box-shadow:0 7px 18px #18b9812e}.app-sidebar .sidebar-brand-mark::before{content:"";position:absolute;inset:10px 8px 11px;border:2px solid #fff;border-radius:7px}.app-sidebar .sidebar-brand-mark::after{content:"•••";position:absolute;left:0;right:0;top:9px;text-align:center;color:#fff;font:700 12px/18px Arial;letter-spacing:1px}.sidebar-brand-copy{display:block;min-width:0;line-height:1.1}.app-sidebar .sidebar-brand-copy strong{font-size:15px;letter-spacing:-.02em;white-space:nowrap}.app-sidebar .sidebar-brand-copy strong b{color:var(--green-dark)}.app-sidebar .sidebar-brand-copy small{font-size:10px;margin-top:5px;letter-spacing:.01em;white-space:nowrap}.sidebar-header{height:76px;padding:0 20px}
.menu-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;color:currentColor}.icon-dashboard{background:linear-gradient(currentColor 0 0) 2px 2px/6px 6px no-repeat,linear-gradient(currentColor 0 0) 12px 2px/6px 6px no-repeat,linear-gradient(currentColor 0 0) 2px 12px/6px 6px no-repeat,linear-gradient(currentColor 0 0) 12px 12px/6px 6px no-repeat;border-radius:3px}.icon-whatsapp{border:1.8px solid currentColor;border-radius:50%;width:18px;height:18px}.icon-whatsapp::before{content:"";width:7px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-42deg);border-radius:0 0 0 4px}.icon-whatsapp::after{content:"";position:absolute;left:0;bottom:0;border-style:solid;border-width:3px 4px 0 0;border-color:currentColor transparent transparent transparent;transform:rotate(-18deg)}.icon-ai{font-size:20px;line-height:1;font-weight:400}.icon-key::before{content:"";width:7px;height:7px;border:2px solid currentColor;border-radius:50%;position:absolute;left:1px;top:4px}.icon-key::after{content:"";position:absolute;width:10px;height:2px;background:currentColor;left:9px;top:10px;box-shadow:5px 3px 0 -0.3px currentColor;transform:rotate(-8deg);transform-origin:left}.icon-docs{width:15px;height:18px;border:1.8px solid currentColor;border-radius:2px}.icon-docs::before{content:"";position:absolute;left:3px;right:3px;top:5px;height:1.5px;background:currentColor;box-shadow:0 4px 0 currentColor,0 8px 0 currentColor}.app-sidebar .sidebar-nav a.active .menu-icon{color:var(--green-dark)}
.app-sidebar .sidebar-nav a>i{display:inline-grid;place-items:center;flex:0 0 20px;width:20px;height:20px;font-size:15px;line-height:1}.app-sidebar .sidebar-nav a.active>i{color:var(--green-dark)}.btn-toggle i{display:block;font-size:24px;line-height:1}.sidebar-close i{font-size:16px}.app-sidebar .sidebar-brand-mark{display:grid;place-items:center}.app-sidebar .sidebar-brand-mark::before,.app-sidebar .sidebar-brand-mark::after{display:none}.app-sidebar .sidebar-brand-mark i{font-size:20px;color:#fff}
.user-dropdown-head{padding-bottom:10px;border-bottom:1px solid #edf1ef;margin-bottom:5px}.user-dropdown-head strong,.user-dropdown-head span{display:block}.user-dropdown-head strong{font-size:12px}.user-dropdown a,.user-dropdown button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 4px;border:0;background:none;text-decoration:none;color:#40564e;font:600 12px "DM Sans",sans-serif;cursor:pointer}.user-dropdown a:hover,.user-dropdown button:hover{color:var(--green-dark);background:#f0f8f5}.user-dropdown form{margin:0;padding:0;border-top:1px solid #edf1ef}.user-dropdown form button{color:#c33f35}.profile-form{max-width:650px;margin-top:28px}.profile-form .btn{margin-top:8px}.profile-readonly input[readonly]{background:#f3f6f4;color:#40564e;cursor:default;border-color:#e1e8e4}.profile-readonly label{color:#52655e}
.public-nav{max-width:1240px;height:86px}.public-brand{display:flex;align-items:center}.public-brand span{border-radius:11px;font-size:16px}.public-brand strong b{color:var(--green-dark)}.public-links{display:flex;gap:30px;margin-left:auto;margin-right:40px}.public-links a{color:#53655f;text-decoration:none;font-size:13px;font-weight:600}.public-links a:hover{color:var(--green-dark)}.landing-hero{min-height:650px;max-width:1240px;margin:0 auto;padding:35px 28px 50px;display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,.95fr);align-items:center;gap:55px}.landing-kicker,.section-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--green-dark)}.landing-kicker span{display:inline-block;width:22px;height:2px;background:var(--green);vertical-align:middle;margin-right:7px}.landing-copy h1{font-size:clamp(49px,5vw,72px);line-height:1.03;letter-spacing:-.055em;margin:20px 0 24px}.landing-copy h1 em{font-style:normal;color:var(--green)}.landing-copy>p{max-width:570px;color:var(--muted);font-size:18px;line-height:1.75}.landing-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.landing-primary{padding:15px 22px;border-radius:25px}.landing-primary i{margin-left:8px}.landing-link{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}.landing-benefits{display:flex;gap:24px;border-top:1px solid var(--line);margin-top:38px;padding-top:25px}.landing-benefits span{font-size:12px;color:var(--muted)}.landing-benefits i{color:var(--green);margin-right:6px}.landing-visual{position:relative;min-height:540px}.visual-panel{height:100%;min-height:540px;border:1px solid #d8e6e0;border-radius:28px;background:linear-gradient(145deg,#eaf7f1,#fffaf0);overflow:hidden;box-shadow:0 25px 70px #123e3020}.visual-panel img{width:100%;height:100%;object-fit:cover;object-position:center}.floating-card{position:absolute;display:flex;align-items:center;gap:13px;background:#ffffffec;border:1px solid #fff;border-radius:15px;padding:13px 16px;box-shadow:0 14px 35px #173a2e25;backdrop-filter:blur(8px)}.floating-card>i{width:43px;height:43px;border-radius:11px;display:grid;place-items:center;background:#e5f8f0;color:var(--green-dark);font-size:20px}.floating-card span,.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:13px}.floating-card small{font-size:10px;color:var(--muted);margin-top:3px}.float-api{left:-55px;top:31%}.float-device{right:-34px;top:16%}.float-docs{right:-38px;bottom:13%}.landing-section{max-width:1180px;margin:70px auto;padding:65px 28px;text-align:center}.landing-section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;max-width:700px;margin:13px auto 40px}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.landing-feature-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px;box-shadow:0 15px 40px #173d3010}.landing-feature-grid article>i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e6f8f1;color:var(--green-dark);font-size:20px}.landing-feature-grid h3{margin:20px 0 8px}.landing-feature-grid p{color:var(--muted);font-size:13px;line-height:1.65}.landing-steps{max-width:1120px;margin:0 auto 90px;background:var(--ink);border-radius:22px;padding:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;color:#fff}.landing-steps div{padding:17px}.landing-steps span{display:block;color:#7de1bd;font-size:12px;font-weight:700}.landing-steps strong,.landing-steps small{display:block}.landing-steps strong{font-size:18px;margin:10px 0 7px}.landing-steps small{color:#b6c9c2}
@media(max-width:1000px){.public-links{display:none}.landing-hero{grid-template-columns:1fr;padding-top:60px}.landing-copy{text-align:center}.landing-copy>p{margin-left:auto;margin-right:auto}.landing-actions,.landing-benefits{justify-content:center}.landing-visual{max-width:650px;width:100%;margin:0 auto}.float-api{left:-15px}.float-device,.float-docs{right:-12px}}@media(max-width:700px){.public-nav{height:72px}.nav-actions>a:not(.btn){display:none}.landing-hero{padding:35px 18px;gap:35px}.landing-copy h1{font-size:43px}.landing-copy>p{font-size:15px}.landing-actions{flex-direction:column;gap:14px}.landing-benefits{display:grid;grid-template-columns:1fr;gap:10px;text-align:left;width:max-content;margin-left:auto;margin-right:auto}.landing-visual{min-height:430px}.visual-panel{min-height:430px}.floating-card{padding:9px}.floating-card>i{width:34px;height:34px}.float-api{left:5px}.float-device{right:5px}.float-docs{right:5px}.landing-feature-grid,.landing-steps{grid-template-columns:1fr}.landing-section{margin-top:30px}.landing-steps{margin:0 15px 55px}}
.landing-hero{max-width:1180px;grid-template-columns:minmax(0,1.05fr) minmax(420px,.85fr);gap:70px;padding-top:25px}.landing-copy h1{font-size:clamp(46px,4.5vw,64px)}.landing-visual{min-height:530px}.visual-panel{min-height:530px;padding:24px;background:linear-gradient(145deg,#eaf7f1,#fffaf0)}.visual-panel img{object-fit:contain;object-position:center;border-radius:18px}.float-api{left:-42px}.float-device{right:-24px}.float-docs{right:-26px}
@media(max-width:1000px){.landing-hero{grid-template-columns:1fr;gap:48px}.landing-visual{max-width:570px;min-height:500px}.visual-panel{min-height:500px}}@media(max-width:700px){.landing-copy h1{font-size:40px}.landing-visual{min-height:390px}.visual-panel{min-height:390px;padding:14px}.float-api{left:3px}.float-device,.float-docs{right:3px}}
.rotating-word{display:inline-block;min-width:230px;text-align:left;transition:opacity .22s ease,transform .22s ease;transform-origin:left bottom;will-change:opacity,transform}.rotating-word.is-changing{opacity:0;transform:translateY(-10px) scale(.94)}.rotating-word.is-bouncing{animation:word-bounce .62s cubic-bezier(.22,.8,.32,1)}@keyframes word-bounce{0%{opacity:0;transform:translateY(-18px) scale(.82)}45%{opacity:1;transform:translateY(5px) scale(1.06)}68%{transform:translateY(-3px) scale(.98)}84%{transform:translateY(1px) scale(1.015)}100%{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){.rotating-word{min-width:145px}}
.auth-page{min-height:100vh;background:#f7faf8}.auth-shell{width:min(440px,calc(100% - 30px));margin:0 auto;padding:65px 0}.auth-brand{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink);text-decoration:none;margin-bottom:28px}.auth-brand>span{width:39px;height:39px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center}.auth-brand strong{font-size:22px}.auth-brand strong b{color:var(--green-dark)}.auth-account-card{background:#fff;border:1px solid #edf1ef;border-radius:13px;padding:34px 36px;box-shadow:0 18px 55px #173a2e0c;text-align:center}.auth-account-card h1{font-size:22px;margin:0 0 7px}.auth-account-card>p{font-size:13px;color:var(--muted);margin:0 0 22px;letter-spacing:.03em}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:24px}.auth-tabs a{padding:10px;color:#60736c;text-decoration:none;font-size:13px;font-weight:700}.auth-tabs a.active{background:var(--green);color:#fff}.auth-account-card form{text-align:left}.auth-account-card label{display:block;font-size:12px;font-weight:700;margin:14px 0 6px}.auth-account-card input:not([type=checkbox]){display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid var(--line);border-radius:7px;font:inherit;background:#fbfcfb}.auth-account-card input:focus{outline:2px solid #18b98132;border-color:var(--green)}.auth-check{display:flex!important;align-items:center;gap:7px;font-weight:500!important;margin:16px 0!important}.auth-submit{margin-top:8px;border-radius:7px}.auth-submit i{margin-right:6px}.auth-account-footer{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;color:#7c8c86}.auth-account-footer>span{display:block;font-size:11px}.auth-account-footer>div{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:18px}.auth-account-footer a{font-size:11px;color:var(--green-dark);text-decoration:none}.auth-account-footer i{height:14px;width:1px;background:var(--line)}@media(max-width:520px){.auth-shell{padding-top:35px}.auth-account-card{padding:28px 22px}}
.google-auth-card{padding-top:38px}.google-signin{display:flex;align-items:stretch;width:280px;max-width:100%;height:52px;margin:25px auto 0;background:#1a73e8;color:#fff;text-decoration:none;border:1px solid #1a73e8;border-radius:2px;box-shadow:0 3px 8px #174ea638;overflow:hidden;transition:background .18s ease,box-shadow .18s ease}.google-mark{width:58px;display:grid;place-items:center;background:#fff;border-right:1px solid #d9e2f1}.google-mark svg{display:block;width:27px;height:27px}.google-signin strong{flex:1;display:grid;place-items:center;padding:0 18px;font-size:15px;font-weight:600}.google-signin:hover{background:#1669d3;box-shadow:0 4px 11px #174ea64a}.google-signin:focus-visible{outline:3px solid #4285f44d;outline-offset:3px}.google-auth-error{background:#fde9e6;color:#a53a2c;border-radius:7px;padding:10px 12px;font-size:12px;margin:17px 0}.google-auth-card .auth-account-footer{margin-top:30px}
.ai-session-section{padding:18px 0;border-bottom:1px solid var(--line)}.ai-session-section>small{display:block;color:var(--muted);margin-top:5px}.ai-session-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.settings-form .ai-session-option{display:flex;align-items:center;gap:11px;margin:0;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;cursor:pointer}.settings-form .ai-session-option:has(input:checked){border-color:var(--green);background:#edfff8}.settings-form .ai-session-option input{width:20px;height:20px;margin:0;accent-color:var(--green);flex:0 0 auto}.ai-session-option span,.ai-session-option strong,.ai-session-option small{display:block}.ai-session-option small{color:var(--muted);font-size:11px;margin-top:3px;text-transform:capitalize}.ai-session-empty{grid-column:1/-1;padding:15px;border-radius:9px;background:#f5f7f6;color:var(--muted);font-size:13px}@media(max-width:600px){.ai-session-list{grid-template-columns:1fr}}
.ai-settings-form input,.ai-settings-form textarea,.ai-test-card textarea{font-family:inherit;font-size:13px;font-weight:500}.ai-settings-form textarea,.ai-test-card textarea{font-weight:400}.ai-settings-form>.switch-row:first-of-type{padding:0 0 18px}.ai-settings-form input[type=checkbox]{accent-color:var(--green)}.ai-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:24px 0 4px;padding-top:20px;border-top:1px solid var(--line)}.ai-section-heading span{font-size:14px;font-weight:800}.ai-section-heading small{color:var(--muted);font-size:10px;text-align:right}.ai-parameter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ai-settings-side{position:sticky;top:88px;display:grid;gap:20px}.ai-settings-side .mini-stat{margin-top:0}.ai-test-card h2{margin-top:0}.ai-save-button{margin-top:4px}.ai-save-button i{margin-right:5px}@media(max-width:1000px){.ai-settings-side{position:static}}@media(max-width:650px){.ai-parameter-grid{grid-template-columns:1fr}.ai-section-heading{align-items:flex-start;flex-direction:column;gap:4px}.ai-section-heading small{text-align:left}}
.form-grid.single-field{grid-template-columns:1fr}
.sender-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;background:#f7fafc;border-bottom:1px solid #e7edf1}.sender-mode-bar div{display:flex;flex-direction:column;gap:3px}.sender-mode-bar small{color:var(--muted)}.sender-dialog{width:min(560px,calc(100vw - 30px));border-radius:16px}.sender-dialog .dialog-head{padding:20px 24px}.sender-dialog .dialog-head h2{font-size:19px;color:#176b53}.sender-dialog .dialog-body{padding:24px}.sender-alert{display:flex;align-items:flex-start;gap:8px;padding:13px 15px;border-radius:8px;background:#e1f8ef;color:#08704b;font-size:12px;font-weight:700;line-height:1.5}.sender-alert i{margin-top:2px}.sender-intro{text-align:left!important;margin:18px 0 14px!important;color:#638078!important}.sender-option{display:flex!important;align-items:flex-start;gap:13px;border:1px solid #cddfd8;border-radius:10px;padding:16px;margin:10px 0!important;cursor:pointer;color:#477168;transition:border-color .18s,background .18s,box-shadow .18s}.sender-option:hover{border-color:#75c9aa;background:#f7fdfb}.sender-option:has(input:checked){border-color:var(--green);background:#eafbf5;box-shadow:0 0 0 2px #18b98112}.dialog-body .sender-option input[type=radio]{appearance:none;display:block;flex:0 0 18px;width:18px;height:18px;padding:0;margin:2px 0 0;border:1.5px solid #75a99a;border-radius:50%;background:#fff}.dialog-body .sender-option input[type=radio]:checked{border:5px solid var(--green);background:#fff}.sender-option span{display:block;min-width:0;flex:1}.sender-option strong,.sender-option small{display:block}.sender-option strong{font-size:13px;line-height:1.35;color:#176b53}.sender-option em{display:inline-block;margin:7px 0 3px;padding:3px 7px;background:#ccefe2;color:#08704b;border-radius:5px;font-size:9px;font-style:normal;font-weight:700}.sender-option small{margin-top:6px;color:#638078;font-size:11px;line-height:1.55;font-weight:500}.standard-device{margin-top:15px;padding:14px;background:#f1faf6;border-radius:9px;color:#176b53}.standard-device label{margin:0;font-size:12px;font-weight:700}.standard-device select{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #bcd9ce;border-radius:8px;background:#fff;font:inherit;color:#176b53}.sender-dialog-footer{display:flex;justify-content:flex-end;gap:9px;padding:15px 24px;border-top:1px solid #dcebe5;background:#f7fcfa}.sender-dialog-footer .btn{min-width:105px}.sender-dialog-footer .btn-primary{min-width:150px}@media(max-width:650px){.sender-mode-bar{align-items:flex-start;flex-direction:column}.sender-dialog .dialog-body{padding:18px}.sender-option{padding:14px}.sender-dialog-footer{padding:13px 18px}.sender-dialog-footer .btn{min-width:0;flex:1}}
.icon-action{width:34px;height:34px;display:grid;place-items:center;border:1px solid #bfe0d4;border-radius:8px;background:#effaf6;color:#0c8f63;cursor:pointer;font-size:15px;transition:.18s}.icon-action:hover{background:#dff6ed;border-color:#77c8aa;transform:translateY(-1px)}.icon-action.danger{background:#fff2f0;border-color:#f0c8c2;color:#c5493a}.icon-action.danger:hover{background:#fde3df;border-color:#df9287}
.qr-expiry{text-align:center;margin:-4px 0 8px;color:#e89a18;font-size:13px;font-weight:700}.qr-expiry strong{font-size:16px;font-variant-numeric:tabular-nums}
.trial-banner{display:flex;align-items:center;gap:16px;margin:20px 0;padding:18px 22px;background:#eaf9f4;border-color:#bce9da}.trial-banner>i{font-size:28px;color:#087e68}.trial-banner>div{flex:1}.trial-banner p{margin:4px 0 0;color:#587169}.billing-cycle-toggle{display:flex;justify-content:center;gap:8px;margin:22px 0}.billing-cycle-toggle .btn{min-width:130px}.billing-cycle-toggle small{margin-left:4px}@media(max-width:640px){.trial-banner{align-items:flex-start;flex-wrap:wrap}.trial-banner .btn{width:100%}.billing-cycle-toggle{justify-content:stretch}.billing-cycle-toggle .btn{flex:1;min-width:0}}
.plan-soon{display:inline-block;padding:2px 6px;border-radius:999px;background:#fff0c7;color:#8a6500;font-size:9px;font-weight:700;vertical-align:middle}
.plan-card{display:flex;flex-direction:column;position:relative}.plan-card ul{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}.plan-card li{display:flex;align-items:flex-start;gap:8px;color:#27443c;line-height:1.45}.plan-card li:before{content:"✓";flex:0 0 auto;color:#009b72;font-weight:800}.plan-card li.feature-muted,.plan-card li .feature-muted{color:#81938d}.plan-card li.feature-muted:before{content:"—";color:#9caaa6}.plan-card>form{margin-top:auto;padding-top:16px}
.user-app .app-sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line);box-shadow:none}.user-app .sidebar-header{border-bottom-color:var(--line)}.user-app .app-sidebar .sidebar-brand{color:var(--ink)}.user-app .app-sidebar .sidebar-brand small{color:var(--muted)}.user-app .app-sidebar .sidebar-section{color:#8a9993}.user-app .app-sidebar .sidebar-nav a{color:#5d6e68}.user-app .app-sidebar .sidebar-nav a:hover{background:#eff8f4;color:var(--green-dark)}.user-app .app-sidebar .sidebar-nav a.active{background:#e5f8f0;color:var(--green-dark);box-shadow:inset 3px 0 var(--green)}.user-app .sidebar-close{background:#edf4f1;color:var(--ink)}.user-app .navbar-user summary{max-width:270px;padding:6px 9px;border:1px solid transparent;border-radius:12px;color:#214d4b;background:#fff;transition:.18s}.user-app .navbar-user summary:hover,.user-app .navbar-user[open] summary{border-color:var(--line);background:#f5faf8}.user-app .navbar-user-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:var(--green);color:#fff}.user-app .navbar-user-copy strong,.user-app .navbar-user-copy small{display:block;max-width:165px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* Keep the desktop sidebar visually continuous to the bottom of the viewport. */
@media(min-width:992px){.app-sidebar{height:calc(100vh - var(--navbar-height))}.app-footer{margin-left:var(--sidebar-width);padding-left:25px}.sidebar-collapsed .app-footer{margin-left:0}}
.user-dashboard-grid.without-ai-history{grid-template-columns:1fr}.user-ai-history{padding:22px}.user-ai-history .panel-heading{align-items:flex-start}.user-ai-history .panel-heading h2{margin:0}.user-ai-history .panel-heading p{font-size:12px;margin:5px 0 0}.user-ai-message-list{display:grid;gap:10px;margin-top:18px}.user-ai-message-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fbfdfc}.user-ai-message-list article div strong,.user-ai-message-list article div small{display:block}.user-ai-message-list article div strong{font-size:12px}.user-ai-message-list article div small{font-size:10px;color:var(--muted);margin-top:3px}.user-ai-message-list article p{grid-column:1/-1;margin:4px 0 0;font-size:12px;line-height:1.5}.empty-ai-history{display:flex;align-items:center;justify-content:center;gap:9px;min-height:140px;color:var(--muted);font-size:12px}.empty-ai-history i{font-size:22px;color:var(--green-dark)}

.invoice-qris-button{display:block;width:230px;max-width:100%;margin:0 auto;padding:9px 9px 7px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--green-dark);cursor:zoom-in;transition:border-color .2s,box-shadow .2s,transform .2s}.invoice-qris-button:hover,.invoice-qris-button:focus-visible{border-color:var(--green);box-shadow:0 8px 24px rgba(8,126,104,.13);transform:translateY(-2px);outline:none}.invoice-qris-button span{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;font:600 11px 'DM Sans',sans-serif}.invoice-qris-button .invoice-qris{max-width:100%}.qris-modal-image{max-width:100%;max-height:65vh;object-fit:contain;margin:12px auto!important}
.payment-page{max-width:900px;margin:0 auto}.payment-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.payment-page-heading h1{margin:5px 0 2px}.payment-page-heading p{margin:0;color:var(--muted)}.payment-status-card{padding:22px}.payment-status-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.payment-status-top>strong{font-size:12px;color:var(--green)}.payment-deadline{display:flex;align-items:center;gap:8px;margin-top:16px;padding:13px 15px;border-radius:9px;background:#fff0df;color:#8a4b13;font-size:13px}.payment-deadline strong{font-variant-numeric:tabular-nums}.payment-deadline.is-finished{background:#eef2f0;color:var(--muted)}.payment-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.payment-summary-card{text-align:center;padding:20px}.payment-summary-card small,.payment-total-card small{display:block;color:var(--muted);font-size:10px;letter-spacing:.06em}.payment-summary-card strong{display:block;margin:6px 0 3px}.payment-summary-card span,.payment-total-card span{display:block;color:var(--muted);font-size:11px}.payment-total-card{text-align:center;padding:24px;margin-bottom:14px}.payment-total-card strong{display:block;margin:7px 0;color:var(--green);font-size:30px}.payment-method-card{padding:0;overflow:hidden}.payment-method-card>header{padding:15px 20px;background:var(--green);color:#fff;text-align:center;font-size:14px;font-weight:700}.payment-method-body{padding:20px}.payment-method-body>p:first-child{text-align:center;color:var(--muted);font-size:12px}.payment-merchant{display:flex;justify-content:space-between;gap:20px;margin-top:18px;padding:15px;border-radius:9px;background:#eaf9f3}.payment-merchant>div:last-child{text-align:right}.payment-merchant small,.payment-merchant strong{display:block}.payment-merchant small{color:var(--muted);font-size:10px}.payment-merchant strong{margin-top:4px;font-size:13px}.payment-merchant>div:last-child strong{color:var(--green)}.payment-alternative{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 4px 4px}.payment-alternative small{color:var(--muted)}.payment-empty-qris{display:flex;flex-direction:column;align-items:center;gap:7px;padding:30px;color:var(--muted)}.payment-empty-qris i{font-size:36px}.payment-proof-card{margin-top:14px}.payment-proof-card h2{margin:-20px -20px 20px;padding:16px 20px;border-bottom:1px solid var(--line);text-align:center;font-size:15px}.payment-proof-card h2 i{margin-right:5px}@media(max-width:650px){.payment-page-heading{align-items:flex-start;flex-direction:column}.payment-summary-grid{grid-template-columns:1fr}.payment-status-top{align-items:flex-start;flex-direction:column-reverse}.payment-merchant{flex-direction:column}.payment-merchant>div:last-child{text-align:left}.payment-total-card strong{font-size:25px}}
.qris-modal-copy{margin:0 0 10px;color:var(--muted);font-size:13px}.qris-modal-total{margin:0 auto 12px;padding:11px 16px;max-width:300px;border-radius:9px;background:#e7f8f1}.qris-modal-total small,.qris-modal-total strong{display:block}.qris-modal-total small{color:var(--muted);font-size:9px;letter-spacing:.08em}.qris-modal-total strong{margin-top:3px;color:var(--green-dark);font-size:22px}
.invoice-expiry [data-invoice-countdown]{margin-left:3px;font-variant-numeric:tabular-nums}.invoice-expiry small{display:block;margin:5px 0 0 22px;color:inherit;font-size:10px}
.client-device-filter{margin-bottom:20px;padding:18px 22px}.client-device-filter label{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.client-device-filter>div{display:flex;gap:8px}.client-device-filter input{flex:1;min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb;font:inherit}.client-device-filter input:focus{outline:2px solid #18b98135;border-color:var(--green)}.client-device-table{min-width:1000px}.client-tier{display:inline-block;padding:5px 8px;border-radius:6px;background:#e7f8f1;color:var(--green-dark);font-size:10px;font-weight:700}.client-device-pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px;border-top:1px solid var(--line);font-size:12px}.client-device-pagination a{color:var(--green-dark);font-weight:700;text-decoration:none}.client-device-pagination span{color:#a0aaa6}@media(max-width:650px){.client-device-filter>div{align-items:stretch;flex-direction:column}}
.client-usage-stats{grid-template-columns:repeat(4,1fr)}.client-usage-stats article strong{font-size:25px}.client-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:20px}.client-device-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.client-device-meta span{padding:12px;border-radius:9px;background:#f4f8f6}.client-device-meta small,.client-device-meta strong{display:block}.client-device-meta small{color:var(--muted);font-size:10px}.client-device-meta strong{margin-top:4px;font-size:12px;overflow-wrap:anywhere}.client-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0 24px}.client-feature-list span{padding:10px;border-radius:8px;font-size:12px;font-weight:600}.client-feature-list .enabled{background:#e7f8f1;color:var(--green-dark)}.client-feature-list .disabled{background:#f2f3f3;color:#87918d}.client-feature-list i{margin-right:5px}.client-feature-panel h3{font-size:14px}.message-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.message-breakdown span{padding:11px;border:1px solid var(--line);border-radius:8px}.message-breakdown strong,.message-breakdown small{display:block}.message-breakdown small{margin-top:3px;color:var(--muted);font-size:9px}.client-ai-panel{min-width:0}.client-ai-panel .user-ai-message-list{max-height:620px;overflow:auto}@media(max-width:1000px){.client-usage-stats{grid-template-columns:1fr 1fr}.client-detail-grid{grid-template-columns:1fr}}@media(max-width:600px){.client-usage-stats,.client-device-meta,.client-feature-list{grid-template-columns:1fr}.message-breakdown{grid-template-columns:1fr 1fr}}
.client-ai-disabled{margin:0 0 12px;padding:10px;border-radius:8px;background:#fff8df;color:#86630d;font-size:11px}.client-ai-disabled i{margin-right:5px}
.auto-reply-heading{align-items:center}.auto-contact-count{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #bde8d8;border-radius:10px;background:#e9faf4;color:var(--green-dark);font-size:12px}.auto-contact-count i{font-size:17px}.auto-reply-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.auto-reply-main,.auto-reply-side{display:grid;gap:20px}.settings-form label>small{display:block;margin-top:6px;color:var(--muted);font-size:10px;font-weight:500}.auto-menu-panel .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.auto-menu-panel .panel-heading h2,.auto-flow-card h2,.auto-reset-card h2{margin:0;font-size:18px}.auto-menu-panel .panel-heading p{margin:5px 0 0;font-size:12px}.auto-menu-items{display:grid;gap:14px}.auto-menu-item{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fbfdfc}.auto-menu-item header{display:flex;align-items:center;gap:9px;margin-bottom:4px}.menu-order{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#dff7ed;color:var(--green-dark);font-size:11px;font-weight:800}.auto-menu-item header strong{font-size:13px}.remove-menu{margin-left:auto;width:31px;height:31px;border:1px solid #f1cbc5;border-radius:8px;background:#fff2f0;color:#c5493a;cursor:pointer}.auto-save{margin-top:20px}.auto-flow-card h2 i{margin-right:6px;color:var(--green)}.auto-flow-card ol{list-style:none;margin:20px 0;padding:0;display:grid;gap:16px}.auto-flow-card li{display:flex;align-items:flex-start;gap:11px}.auto-flow-card li>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--green);color:#fff;font-size:10px;font-weight:800}.auto-flow-card li strong,.auto-flow-card li small{display:block}.auto-flow-card li strong{font-size:12px}.auto-flow-card li small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.45}.auto-tip{padding:12px;border-radius:9px;background:#fff8df;color:#80610d;font-size:10px;line-height:1.55}.auto-tip i{margin-right:4px}.auto-reset-card p{font-size:11px;margin:8px 0 16px}.auto-reset-card .btn{font-size:11px}@media(max-width:1000px){.auto-reply-layout{grid-template-columns:1fr}.auto-reply-side{grid-template-columns:1fr 1fr}}@media(max-width:650px){.auto-reply-heading{align-items:flex-start}.auto-menu-panel .panel-heading{align-items:flex-start;flex-direction:column}.auto-menu-panel .panel-heading .btn{width:100%}.auto-reply-side{grid-template-columns:1fr}.auto-menu-item .form-grid{grid-template-columns:1fr}}
.followup-timeline{display:grid;gap:0;margin-top:18px}.followup-timeline article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding-bottom:20px;position:relative}.followup-timeline article:first-child:after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:#dcebe5}.followup-step{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff1c9;color:#9a6800;position:relative;z-index:1}.followup-step.closing{background:#dff7ed;color:var(--green-dark)}.followup-delay{display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-form .followup-delay label{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:10px;font-weight:600}.settings-form .followup-delay input{display:inline-block;width:65px;margin:0;padding:7px 8px;text-align:center}.followup-timeline textarea{margin-top:10px}.followup-safety{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:9px;background:#e9faf4;color:var(--green-dark)}.followup-safety>i{margin-top:2px}.followup-safety strong,.followup-safety small{display:block}.followup-safety strong{font-size:11px}.followup-safety small{margin-top:3px;font-size:9px;line-height:1.45;color:#4e7568}@media(max-width:650px){.followup-delay{align-items:flex-start;flex-direction:column}}
.handoff-option{display:flex!important;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;border:1px solid #d8e9e2;border-radius:10px;background:#f5fbf8}.handoff-option input{width:auto;margin-top:3px}.handoff-option span,.handoff-option strong,.handoff-option small{display:block}.handoff-card h2{margin:0;font-size:18px}.handoff-card>p{margin:7px 0 14px;font-size:11px;color:var(--muted)}.handoff-list{display:grid;gap:9px}.handoff-list article{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px}.handoff-list strong,.handoff-list small{display:block}.handoff-list small{margin-top:2px;color:var(--muted);font-size:9px}.handoff-list p{margin:5px 0 0;font-size:10px}.handoff-list .btn{flex:0 0 auto;padding:8px;font-size:9px}.handoff-empty{padding:12px;border-radius:9px;background:#f5f7f6;color:var(--muted);font-size:10px}
.handoff-status{display:inline-block;margin-top:6px;padding:4px 7px;border-radius:999px;background:#fff3d4;color:#8a6500;font-size:8px;font-weight:800}.handoff-status.handled{background:#e0f7ed;color:var(--green-dark)}
.auto-reply-layout input,.auto-reply-layout textarea{font-family:inherit;font-size:13px;font-weight:500}.auto-reply-layout textarea{font-weight:400}.auto-reply-layout input[type=checkbox]{accent-color:var(--green)}.auto-reply-side{position:sticky;top:88px}.auto-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:20px 0 4px;padding-top:18px;border-top:1px solid var(--line)}.auto-section-heading span{font-size:14px;font-weight:800}.auto-section-heading small{color:var(--muted);font-size:10px;text-align:right}.auto-flow-card ol{gap:14px}.auto-flow-card li>span{background:linear-gradient(135deg,var(--green),#52cfa5)}.auto-menu-item textarea{min-height:110px}.auto-menu-item .handoff-option{margin-bottom:0}.auto-reset-card,.handoff-card,.auto-flow-card{overflow:hidden}@media(max-width:1000px){.auto-reply-side{position:static}}@media(max-width:650px){.auto-section-heading{align-items:flex-start;flex-direction:column;gap:4px}.auto-section-heading small{text-align:left}}

/* Standar visual seluruh modul Customer Portal. */
.user-app .app-content .dashboard{width:min(100% - 48px,1200px);padding:0;margin:32px auto 42px}.user-app .dashboard>.eyebrow,.user-app .page-heading .eyebrow{margin:0 0 12px;font-size:11px;line-height:1.4;letter-spacing:.14em}.user-app .dashboard>h1,.user-app .page-heading h1{margin:0;font-size:42px;line-height:1.08;letter-spacing:-.035em}.user-app .dashboard>.muted,.user-app .page-heading .muted{max-width:780px;margin:12px 0 28px;font-size:16px;line-height:1.65}.user-app .page-heading{margin-bottom:28px}.user-app .page-heading .muted{margin-bottom:0}.user-app .panel,.user-app .stats article{border-radius:16px;border-color:var(--line);box-shadow:0 12px 36px #133d300b}.user-app .panel{padding:26px}.user-app .device-panel,.user-app .credential-table-panel,.user-app .user-invoice-list,.user-app .payment-method-card{padding:0}.user-app .stats{margin:30px 0 22px}.user-app .panel h2{letter-spacing:-.02em}.user-app .ai-grid,.user-app .auto-reply-layout,.user-app .invoice-web-grid,.user-app .user-dashboard-grid{gap:20px}@media(max-width:991px){.user-app .app-content .dashboard{width:min(100% - 32px,1200px);margin-top:22px}}@media(max-width:600px){.user-app .app-content .dashboard{width:100%;padding:0 16px}.user-app .dashboard>h1,.user-app .page-heading h1{font-size:34px}.user-app .dashboard>.muted,.user-app .page-heading .muted{font-size:14px}.user-app .panel{padding:20px}.user-app .device-panel,.user-app .credential-table-panel,.user-app .user-invoice-list,.user-app .payment-method-card{padding:0}}

/* Standar visual seluruh modul Super Admin. */
.app-body:not(.user-app) .app-content .dashboard{width:min(100% - 48px,1200px);padding:0;margin:32px auto 42px}.app-body:not(.user-app) .dashboard>.eyebrow,.app-body:not(.user-app) .page-heading .eyebrow{margin:0 0 12px;font-size:11px;line-height:1.4;letter-spacing:.14em}.app-body:not(.user-app) .dashboard>h1,.app-body:not(.user-app) .page-heading h1{margin:0;font-size:42px;line-height:1.08;letter-spacing:-.035em}.app-body:not(.user-app) .dashboard>.muted,.app-body:not(.user-app) .page-heading .muted{max-width:780px;margin:12px 0 28px;font-size:16px;line-height:1.65}.app-body:not(.user-app) .page-heading{margin-bottom:28px}.app-body:not(.user-app) .page-heading .muted{margin-bottom:0}.app-body:not(.user-app) .panel,.app-body:not(.user-app) .stats article{border-radius:16px;border-color:var(--line);box-shadow:0 12px 36px #133d300b}.app-body:not(.user-app) .panel{padding:26px}.app-body:not(.user-app) .device-panel,.app-body:not(.user-app) .credential-table-panel,.app-body:not(.user-app) .user-table-panel,.app-body:not(.user-app) .invoice-admin-panel,.app-body:not(.user-app) .dashboard-history{padding:0}.app-body:not(.user-app) .stats{margin:30px 0 22px}.app-body:not(.user-app) .panel h2{letter-spacing:-.02em}.app-body:not(.user-app) .ai-grid,.app-body:not(.user-app) .auto-reply-layout,.app-body:not(.user-app) .billing-admin-grid{gap:20px}@media(max-width:991px){.app-body:not(.user-app) .app-content .dashboard{width:min(100% - 32px,1200px);margin-top:22px}}@media(max-width:600px){.app-body:not(.user-app) .app-content .dashboard{width:100%;padding:0 16px}.app-body:not(.user-app) .dashboard>h1,.app-body:not(.user-app) .page-heading h1{font-size:34px}.app-body:not(.user-app) .dashboard>.muted,.app-body:not(.user-app) .page-heading .muted{font-size:14px}.app-body:not(.user-app) .panel{padding:20px}.app-body:not(.user-app) .device-panel,.app-body:not(.user-app) .credential-table-panel,.app-body:not(.user-app) .user-table-panel,.app-body:not(.user-app) .invoice-admin-panel,.app-body:not(.user-app) .dashboard-history{padding:0}}