:root{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#23334e;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.5}a{color:#4455ac;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2{letter-spacing:-.5px;color:#20304c}h1{font-size:31px;margin:5px 0 9px}h2{font-size:20px;margin:0 0 15px}p{color:#6a7990}.eyebrow{color:#5262b5;font-size:11px;font-weight:800;letter-spacing:1.3px}.hint,small{font-size:12px;color:#8794a5}.header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:white;border-bottom:1px solid #e5eaf1}.brand{color:#253753;font-size:20px;font-weight:800}.brand span:not(.brand-icon){color:#5160b4}.brand-icon{display:inline-grid;place-items:center;background:#4d5bb3;color:#fff;width:32px;height:32px;border-radius:9px;margin-right:8px}.header-right{display:flex;align-items:center;gap:15px}.balance{background:#edf1ff;border-radius:24px;padding:7px 13px;font-size:13px}.user-menu{display:flex;align-items:center;gap:8px;font-size:13px}.avatar{display:grid;place-items:center;background:#dfe6ff;color:#4456af;width:32px;height:32px;border-radius:50%}.shell{display:flex;min-height:calc(100vh - 70px)}.sidebar{width:236px;flex:none;background:#fbfcff;border-right:1px solid #e5eaf1;padding:18px 12px}.sidebar a,.sidebar button{display:block;width:100%;background:transparent;border:0;border-radius:9px;text-align:left;padding:11px 14px;color:#62728b;font-weight:650;font-size:14px}.sidebar a:hover,.sidebar a.active,.sidebar button:hover{background:#e9edff;color:#3b4ca9}.sidebar .new-project{background:#4d5bb3;color:white;text-align:center;margin-bottom:21px}.sidebar .new-project:hover{background:#3f4ca2;color:white}.sidebar-label{display:block;color:#9aa5b7;font-size:10px;font-weight:800;letter-spacing:1.2px;padding:14px 14px 6px}.logout-form{border-top:1px solid #e6eaf1;margin-top:15px;padding-top:7px}.content-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.main{max-width:1370px;width:100%;padding:34px 38px 52px;margin:auto;flex:1}.footer{border-top:1px solid #e3e8f1;display:flex;justify-content:space-between;gap:15px;padding:20px 38px;font-size:12px;color:#7b899b}.footer a{margin-right:13px;color:#68768d}.button{display:inline-flex;justify-content:center;align-items:center;background:#fff;border:1px solid #d9e1ec;border-radius:10px;padding:10px 15px;font-weight:700;color:#33425d;white-space:nowrap}.button.primary{background:#4c5bb4;border-color:#4c5bb4;color:#fff}.button.primary:hover{background:#3e4da3}.button.outline:hover{border-color:#9aa8d9;background:#f7f9ff}.button.small{padding:7px 11px;font-size:13px}.button.full{width:100%}.card{background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:22px;box-shadow:0 4px 15px #152b4e07}.alert{background:#edf3ff;border:1px solid #c8d8f2;color:#35577e;padding:12px 15px;border-radius:10px;margin-bottom:16px}.alert.success{background:#eaf8ef;color:#176e48}.alert.error,.alert.warning{background:#fff1ec;color:#914d34}.home-head{text-align:center;padding:28px 0 24px}.home-head h1{font-size:clamp(28px,3vw,42px)}.prompt-card{max-width:1000px;margin:auto;background:white;border:1px solid #dae3f0;border-radius:18px;padding:14px 16px;box-shadow:0 18px 44px #1b2d570b}.prompt-card textarea{width:100%;min-height:122px;resize:vertical;border:0;outline:0;padding:10px;color:#263650;font-size:16px}.prompt-options{display:flex;gap:11px;flex-wrap:wrap;border-top:1px solid #e9edf4;padding:12px 0}.prompt-options label{font-size:12px;font-weight:700;color:#7a879b}.prompt-options select,.prompt-options input{display:block;margin-top:5px;max-width:230px;border:1px solid #dfe5ed;background:white;color:#34445e;border-radius:8px;padding:8px;font-size:13px}.prompt-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9edf4;padding-top:12px;gap:12px}.prompt-footer span{font-size:12px;color:#8c99aa}.attachment{display:inline-flex;align-items:center;gap:7px;background:#e9edff;border:1px solid #cbd4f9;border-radius:8px;padding:6px 10px;margin:0 0 10px 8px;color:#4255af;font-weight:700;font-size:13px}.attachment[hidden]{display:none}.attachment button{border:0;background:transparent;color:inherit;font-size:18px}.suggestions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:17px 0 45px}.suggestions button,.filters a{background:white;border:1px solid #dfe6ed;border-radius:25px;padding:8px 13px;color:#63718a;font-size:13px}.section-heading,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-heading h2{margin:4px 0}.spacer{margin-top:35px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-card{border:1px solid #e1e7ef;background:white;border-radius:14px;overflow:hidden;color:#25334f}.template-card:hover{box-shadow:0 11px 25px #15274817}.template-art{aspect-ratio:16/9;padding:22px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.template-art:after{content:'';position:absolute;width:155px;height:155px;border:19px solid #ffffff20;border-radius:50%;right:-35px;bottom:-55px}.template-art strong{font-size:clamp(18px,2vw,27px);line-height:1.15;max-width:76%;margin:12px 0}.template-art small,.template-art span{color:inherit;opacity:.7;font-size:10px}.template-meta{padding:13px 16px}.template-meta strong,.template-meta small{display:block}.filters{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.filters a.active{background:#3b4b82;color:white}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-slide{aspect-ratio:16/9;border-radius:9px;padding:22px;display:flex;flex-direction:column;justify-content:center}.demo-slide h2{color:inherit}.demo-slide p,.demo-slide small{color:inherit;opacity:.75}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-card{background:white;border:1px solid #e2e7ef;border-radius:12px;padding:11px}.project-card strong,.project-card small{display:block;color:#25334f;margin-top:7px}.project-cover{display:flex;align-items:center;min-height:105px;background:#203d70;color:white;border-radius:7px;padding:16px;font-weight:800;line-height:1.15}.project-list{display:grid;gap:10px}.project-row{display:flex;align-items:center;gap:17px;background:white;border:1px solid #e2e8f0;border-radius:12px;padding:12px;color:#27364f}.project-row .project-cover{min-height:68px;width:110px;font-size:12px;flex:none}.project-row span:nth-child(2){flex:1}.project-row strong,.project-row small{display:block}.empty{border:1px dashed #bbc9df;padding:45px;text-align:center;border-radius:14px}.fineprint{margin-top:45px;border-top:1px solid #e2e8f0;padding-top:18px;font-size:12px}.fineprint p{font-size:12px}.outline-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.card-head,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.outline-row{display:grid;grid-template-columns:30px 1fr 28px;gap:9px;border:1px solid #e2e8f0;border-radius:10px;padding:11px;margin:9px 0}.row-number{display:grid;place-items:center;background:#e8edff;color:#4556ae;border-radius:7px;height:30px;font-weight:800}.outline-row input,.outline-row textarea{width:100%;border:1px solid #dfe6ee;border-radius:7px;padding:8px;margin-bottom:6px}.remove-page{border:0;background:transparent;font-size:23px;color:#91a0b1}.summary-price{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #e4eaf2}.summary .full{margin-top:18px}.modal{border:1px solid #dfe6f0;border-radius:15px;padding:23px;max-width:480px;width:calc(100% - 30px)}.modal::backdrop{background:#09193888}.modal-head button{border:0;background:none;font-size:23px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.auth-card{max-width:440px;margin:30px auto}.auth-card label,.slide-edit-form label,.card form>label{display:block;color:#53637d;font-size:13px;font-weight:700;margin:12px 0}.card form input:not([type=checkbox]),.card form textarea,.card form select,.rename-form input,.search-form input{width:100%;border:1px solid #dbe3ed;border-radius:8px;padding:10px;margin-top:6px;color:#2b3c56;background:white}.auth-card .full{margin-top:15px}.auth-card .checkbox{display:flex;align-items:center;gap:6px}.form-between{display:flex;justify-content:space-between;align-items:center;font-size:13px}.separator,.auth-switch{text-align:center;margin:16px 0;color:#8894a7}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0}.stat-grid .card span,.stat-grid .card strong{display:block}.stat-grid .card strong{font-size:26px;color:#293d77;margin-top:7px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:600px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7ecf2;font-size:13px}th{color:#8491a4;background:#f8faff}td small{display:block}.positive{color:#138151;font-weight:700}.negative{color:#bd5360;font-weight:700}.topup-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.bank-title,.bank-field div{display:flex;align-items:center;justify-content:space-between;gap:12px}.bank-title{justify-content:flex-start}.bank-logo{background:#164473;color:white;padding:12px;border-radius:8px;font-weight:800}.bank-title strong,.bank-title small,.bank-field small{display:block}.bank-field{border-bottom:1px solid #e5eaf1;padding:13px 0}.bank-field.highlight{background:#f2f5ff;padding:13px;margin:8px -12px;border-radius:9px}.bank-field button{border:0;background:#e6ecff;color:#3f51a8;padding:7px;border-radius:7px}.bank-field select{padding:8px;border:1px solid #dbe3ed;border-radius:8px;margin-top:6px;width:100%}.qr-panel{text-align:center}.qr-panel img{width:min(270px,100%);height:auto}.promo-card{margin:18px 0}.rename-form{display:flex;gap:8px;max-width:520px;margin-bottom:18px}.rename-form input{flex:1}.editor-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px}.slide-list{background:white;border:1px solid #e0e6ee;border-radius:12px;padding:10px;align-self:start}.slide-tab{width:100%;border:1px solid #dfe5ec;background:white;border-radius:8px;padding:11px;margin:5px 0;text-align:left;color:#43526c}.slide-tab.active{border-color:#7887d1;background:#f0f2ff}.slide-tab span{margin-right:7px}.edit-panel{display:none}.edit-panel.active{display:block}.slide-stage{aspect-ratio:16/9;padding:8%;border-radius:7px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 30px #1a29453b}.slide-stage h2{color:inherit;font-size:clamp(21px,3vw,40px);margin:12px 0}.slide-stage p,.slide-stage li{color:inherit;opacity:.85}.slide-edit-form{margin-top:17px}.admin-nav{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0 22px}.admin-nav a{padding:8px 11px;border:1px solid #e0e6ee;background:white;border-radius:8px;font-size:13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px}.settings-submit{align-self:end}.search-form,.inline-form{display:flex;gap:8px;align-items:center}.search-form{max-width:460px;margin:15px 0}.inline-form input{max-width:100px}@media(max-width:1050px){.sidebar{width:190px}.main{padding:24px}.template-grid,.project-grid,.stat-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}.topup-layout,.admin-grid,.outline-layout{grid-template-columns:1fr}}@media(max-width:700px){.header{height:62px;padding:0 13px}.user-menu strong{display:none}.shell{display:block}.sidebar{width:100%;display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e4e9f0;padding:6px}.sidebar a{width:auto;white-space:nowrap;flex:none;font-size:12px;padding:9px}.sidebar-label,.sidebar .new-project,.logout-form{display:none}.main{padding:18px}.footer{display:block;padding:17px}.footer>*{display:block;margin:7px 0}.home-head{padding:18px 0}.prompt-options{display:grid;grid-template-columns:1fr 1fr}.prompt-options input,.prompt-options select{width:100%;max-width:100%}.prompt-footer{display:block}.prompt-footer .button{width:100%;margin-top:10px}.template-grid,.demo-grid,.project-grid,.stat-grid,.settings-grid{grid-template-columns:1fr}.page-heading,.section-heading{flex-wrap:wrap}.editor-layout{grid-template-columns:1fr}.slide-list{display:flex;overflow:auto}.slide-tab{min-width:130px}.project-row .project-cover{width:70px;font-size:10px}}