:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#19243b;background:#edf6ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1120px;min-height:100vh;background:#edf6ff;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}.loading-screen{min-height:100vh;display:grid;place-items:center;color:#6d7e95}.saas-login{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 18% 14%,rgba(47,198,221,.22),transparent 30%),radial-gradient(circle at 82% 78%,rgba(112,91,233,.2),transparent 35%),#edf6ff}.saas-login-card{width:430px;padding:38px;display:grid;gap:18px;border:1px solid #d8e7f4;border-radius:22px;background:#fffffff5;box-shadow:0 24px 72px #2b497426}.saas-login-card h1{margin:-6px 0 0;font-size:27px}.saas-login-card p{margin:-8px 0 4px;color:#7d8ca2;line-height:1.7}.saas-login-card label,.admin-form label,.modal-body label{display:grid;gap:8px;color:#50627c;font-size:13px;font-weight:700}.saas-login-card input,.admin-form input,.admin-form select,.modal-body input,.modal-body select,.modal-body textarea{height:44px;padding:0 13px;border:1px solid #d4e4f1;border-radius:10px;color:#283a55;background:#fbfdff;outline:none}.modal-body textarea{min-height:92px;padding:12px 13px;resize:vertical;line-height:1.6}.modal-body textarea.shots-editor{min-height:180px}.saas-login-card input:focus,.admin-form input:focus,.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:#4dc6dd;box-shadow:0 0 0 3px #4dc6dd1f}.saas-login-card small,.admin-form small{color:#8797ad;line-height:1.6}.form-error{padding:11px 13px;color:#b93e64;border:1px solid #f0c3d1;border-radius:9px;background:#fff4f7;font-size:13px}.login-fields{display:grid;gap:16px}.sso-button{height:46px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:linear-gradient(110deg,#28b7d5,#685be9);text-decoration:none;font-size:14px;font-weight:750}.login-divider{position:relative;height:18px;text-align:center;color:#9aa8b9;font-size:12px}.login-divider:before{content:"";position:absolute;top:8px;left:0;right:0;border-top:1px solid #e1eaf2}.login-divider span{position:relative;padding:0 10px;background:#fff}.brand{display:flex;gap:12px;align-items:center;padding:0 5px 28px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#37c7e7,#7368f4);box-shadow:0 9px 20px #4f79e038}.brand strong{display:block;font-size:17px}.brand span{display:block;margin-top:5px;color:#8a9ab0;font-size:11px}.eyebrow{padding:5px 9px;border:1px solid #cde7f3;border-radius:7px;color:#4f91ac;background:#effbff;font-size:11px;font-weight:750;letter-spacing:.08em}.admin-shell{min-width:1120px;min-height:100vh;display:flex;background:#edf6ff}.admin-sidebar{width:238px;padding:28px 18px 20px;display:flex;flex-direction:column;border-right:1px solid #d7e6f4;background:#f5fbfff2}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar nav button{height:46px;padding:0 15px;text-align:left;border:1px solid transparent;border-radius:10px;color:#445671;background:transparent;font-weight:750}.admin-sidebar nav button.active{color:#226487;border-color:#a8ddec;background:linear-gradient(105deg,#e3faff,#f0eaff);box-shadow:inset 3px 0 #31bfd5}.admin-sidebar .logout{margin-top:auto}.logout{height:45px;display:flex;align-items:center;gap:10px;justify-content:flex-start;padding:0 14px;border:1px solid #f1d4e4;border-radius:11px;color:#c85079;background:#fff6fa}.admin-workspace{min-width:0;flex:1;padding:26px 30px 40px;overflow:auto}.admin-workspace>header{min-height:84px;margin-bottom:20px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border:1px solid #d9e8f5;border-radius:16px;background:#ffffffe0}.admin-workspace>header h1{margin:5px 0 0;font-size:23px}.admin-workspace>header>div:last-child{display:flex;gap:14px;align-items:center;color:#64758d}.admin-workspace>header .ghost{display:inline-flex;gap:6px;align-items:center}.admin-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.admin-form{padding:22px;display:grid;gap:16px}.admin-form h3{margin:0 0 4px}.card{border:1px solid #d8e8f4;border-radius:13px;background:#ffffffd6;box-shadow:0 10px 28px #3f628d12}.admin-table-card{padding:12px;overflow:auto}.admin-table-card table{width:100%;border-collapse:collapse;min-width:700px}.admin-table-card th{padding:12px;color:#687b93;background:#edf7ff;text-align:left;font-size:12px}.admin-table-card td{padding:14px 12px;border-bottom:1px solid #e1ebf4;color:#3e516a;font-size:13px}.table-actions{display:flex;gap:6px}.table-actions button{padding:7px 9px;border:1px solid #cfe1ef;border-radius:7px;color:#3f7193;background:#f8fcff;font-size:11px}.table-actions button.delete-action{color:#c64f70;border-color:#f0cbd6;background:#fff7f9}.audio-button{min-width:72px;height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #bfe0ee;border-radius:999px;color:#2880a3;background:#effaff;font-size:12px;font-weight:700}.audio-button.playing{color:#fff;border-color:transparent;background:linear-gradient(110deg,#28b7d5,#685be9)}.audio-button.loading:disabled{cursor:wait;opacity:1}.audio-spinner{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:audio-spin .7s linear infinite}@keyframes audio-spin{to{transform:rotate(360deg)}}.empty-admin{padding:44px;color:#92a1b4;text-align:center}.resource-filter{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e1ebf4;background:#f8fcff}.resource-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:thin}.resource-tabs button{padding:7px 11px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;border:1px solid #d5e5f1;border-radius:999px;color:#657a92;background:#fff;font-size:12px}.resource-tabs button span{min-width:18px;padding:1px 5px;border-radius:999px;color:#7790a8;background:#edf5fb;font-size:10px}.resource-tabs button.active{color:#167d9c;border-color:#97dcea;background:#e6faff;font-weight:700}.resource-tabs button.active span{color:#fff;background:#36abc3}.resource-search{width:min(390px,42%);min-width:260px;display:flex;align-items:center;gap:8px}.resource-search>span{flex:0 0 auto;color:#526b84;font-size:12px;font-weight:700}.resource-search input{min-width:0;height:36px}.resource-search button{padding:0;flex:0 0 auto;border:0;color:#4385a7;background:transparent;font-size:12px}.resource-admin,.management-card{padding:20px}.management-head{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.management-head h3{margin:0 0 7px}.management-head p{margin:0;color:#8493a7}.resource-head{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.resource-head h3{margin:0 0 7px}.resource-head p{margin:0;color:#8493a7}.file-button{display:inline-flex;gap:8px;align-items:center;padding:0 16px;height:40px;border-radius:9px;cursor:pointer}.file-button input{display:none}.primary,.ghost{min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:13px}.primary{color:#fff;background:linear-gradient(110deg,#28b7d5,#685be9);box-shadow:0 7px 15px #4a66d12b}.primary:hover{filter:brightness(1.04);transform:translateY(-1px)}.danger{min-height:38px;padding:0 15px;border:1px solid #df5376;border-radius:9px;color:#fff;background:#d95173;font-size:13px;font-weight:700}.ghost{color:#54728d;background:#f7fbff;border-color:#d7e6f2}.toast{position:fixed;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);max-width:420px;min-width:180px;padding:13px 17px;color:#11745e;border:1px solid #9ddfce;border-radius:11px;background:#effcf8;box-shadow:0 14px 34px #24425b2e;font-size:13px;font-weight:700;line-height:1.5;text-align:center;pointer-events:none}.status{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:750}.status.on{color:#16836d;background:#e9faf4}.status.off{color:#9a6677;background:#f7edf1}.modal-backdrop{position:fixed;z-index:900;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#1422386b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(560px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;border:1px solid #d9e7f2;border-radius:18px;background:#fff;box-shadow:0 28px 80px #162a4740;overflow:hidden}.modal-card>header{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5edf4}.modal-card h2{margin:0;font-size:20px}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;background:#f3f7fa}.modal-body{padding:22px;display:grid;gap:16px;overflow:auto}.modal-card>footer{padding:16px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5edf4;background:#fbfdff}.pricing-fieldset{margin:0;padding:15px;display:grid;gap:14px;border:1px solid #dbe8f2;border-radius:12px}.pricing-fieldset legend{padding:0 7px;color:#50627c;font-size:13px;font-weight:750}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:10px;background:#edf3f8}.segmented button{height:36px;border:0;border-radius:8px;color:#6f8095;background:transparent;font-weight:700}.segmented button.active{color:#315fc0;background:#fff;box-shadow:0 3px 12px #334c6f1a}.warning-box{padding:13px 14px;color:#8a5b22;border:1px solid #f0d4a3;border-radius:10px;background:#fff9ec;font-size:13px;line-height:1.6}.template-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-body label small{color:#8998aa;font-weight:400;line-height:1.5}.music-file-field input[type=file]{height:auto;padding:11px 12px}.switch-row{grid-template-columns:auto 1fr;justify-content:start;align-items:center}.switch-row input{width:18px;height:18px;margin:0}.template-details dl{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.template-details dl div{padding:12px;border:1px solid #e0eaf3;border-radius:10px;background:#f8fbfe}.template-details dt{margin-bottom:6px;color:#8291a5;font-size:12px}.template-details dd{margin:0;color:#334760;line-height:1.6}.template-details section{margin-top:18px}.template-details section h3{margin:0 0 10px;font-size:15px}.template-details ol{margin:0;padding:0 0 0 30px;border:1px solid #e0eaf3;border-radius:10px;background:#fbfdff}.template-details li{padding:11px 12px 11px 4px;border-bottom:1px solid #e8eff5;line-height:1.55}.template-details li:last-child{border-bottom:0}.delete-warning{display:grid;gap:8px;padding:16px;border:1px solid #f0cbd6;border-radius:11px;color:#9f3657;background:#fff6f8}.delete-warning span{color:#856a73;font-size:13px;line-height:1.6}