:root{font-family:Inter,SF Pro Display,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f5f7ff;background:#061326;font-synthesis:none;text-rendering:geometricPrecision;--page: #07162b;--surface-soft: rgba(21, 44, 81, .54);--line: rgba(139, 170, 218, .16);--line-strong: rgba(139, 170, 218, .24);--text: #f7f8ff;--muted: #9baac5;--muted-strong: #bac6dc;--blue: #2f7df6;--violet: #9555f6}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 67% 23%,rgba(51,87,153,.18),transparent 34%),linear-gradient(135deg,#061224,#0a1a34 48%,#07162d);-webkit-font-smoothing:antialiased}#root{min-height:100vh}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle at 50% 42%,rgba(78,89,219,.2),transparent 30%),radial-gradient(circle at 76% 18%,rgba(144,74,226,.12),transparent 26%)}.auth-brand{position:fixed;top:22px;left:26px}.brand-logo-frame{position:relative;display:block;flex:0 0 auto;overflow:hidden}.brand-logo-frame img{position:absolute;left:0;display:block;height:auto}.login-branding{display:grid;justify-items:center;gap:6px;margin-bottom:24px;text-align:center}.login-brand-logo{width:250px;height:82px}.login-brand-logo img{top:-24px;width:250px}.login-branding p{margin:0;color:#a8b8d1;font-size:13px;line-height:1.5;letter-spacing:.02em}.topbar-brand-logo{width:118px;height:38px}.topbar-brand-logo img{top:-12px;width:118px}.corner-brand-logo{width:140px;height:45px}.corner-brand-logo img{top:-15px;width:140px}.auth-loading{display:flex;align-items:center;gap:10px;color:var(--muted-strong);font-size:14px}.login-card{width:min(100%,390px);padding:28px;border:1px solid rgba(139,170,218,.19);border-radius:15px;background:linear-gradient(145deg,#11274be0,#081934f0);box-shadow:0 28px 80px #00000057,inset 0 1px #ffffff09}.login-icon{width:42px;height:42px;margin-bottom:18px;border:1px solid rgba(120,155,255,.26);border-radius:11px;display:grid;place-items:center;color:#b8c9ff;background:linear-gradient(135deg,#2f7df640,#9555f633)}.login-heading{margin-bottom:23px}.login-heading>span{color:#8fa6c9;font-size:12px;font-weight:650;letter-spacing:.08em}.login-heading h1{margin:5px 0 7px;font-size:25px;line-height:1.2;letter-spacing:-.7px}.login-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.login-field{display:grid;gap:7px;margin-bottom:15px}.login-field>span{color:#d9e1f0;font-size:13px;font-weight:620}.login-field input{width:100%;height:42px;border:1px solid rgba(139,170,218,.22);border-radius:8px;padding:0 13px;color:#f6f8ff;background:#051228a6;transition:.16s ease}.login-field input::placeholder{color:#647795}.login-field input:focus{border-color:#6893ffa8;background:#081935d1}.login-error{min-height:38px;display:flex;align-items:center;gap:8px;margin:3px 0 14px;padding:8px 10px;border:1px solid rgba(238,112,140,.25);border-radius:7px;color:#f4bdca;background:#5c1e3445;font-size:13px}.login-button{width:100%;height:43px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(105deg,#287bf2,#626ff0 55%,#994dea);box-shadow:0 12px 28px #2c5bd33b;font-size:14px;font-weight:700;cursor:pointer;transition:.18s ease}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 15px 32px #435dda52}.login-button:disabled{cursor:wait;opacity:.75}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #70a5ff;outline-offset:3px}.app-shell{min-height:100dvh;display:grid;grid-template-columns:184px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr) 84px;background:#04112433}.app-shell.no-action{grid-template-rows:56px minmax(0,1fr)}.admin-shell{min-height:100dvh;display:grid;grid-template-rows:56px minmax(0,1fr);background:#04112433}.admin-topbar{grid-column:1}.admin-wordmark{display:flex;align-items:center;gap:10px}.admin-wordmark>div{display:flex;flex-direction:column;line-height:1.15}.admin-wordmark strong{color:#f3f6ff;font-size:14px}.admin-wordmark small{color:#788cae;font-size:9px}.admin-operator-badge{height:29px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid rgba(124,144,247,.2);border-radius:7px;color:#bcc8ff;background:#3c39932e;font-size:10px}.admin-workspace{min-width:0;padding:20px 30px 36px;overflow:auto}.admin-access-denied .login-icon{color:#f0b6c3;background:#9b36522e}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(139,170,218,.1);background:#051124a8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-bar{display:flex;align-items:center;gap:13px}.organization-badge{height:32px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid rgba(139,170,218,.16);border-radius:7px;color:#dce5f5;background:#152b4e80;font-size:12px}.organization-badge small{padding-left:7px;border-left:1px solid rgba(139,170,218,.17);color:#aebcf4;font-size:11px}.user-identity{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.user-identity strong{color:#edf2fb;font-size:12px;font-weight:650}.user-identity span{color:#7f91ae;font-size:10px}.logout-button{width:30px;height:30px;border:1px solid rgba(139,170,218,.16);border-radius:7px;display:grid;place-items:center;color:#9fb0ca;background:#13274973;cursor:pointer}.logout-button:hover{border-color:#7c9edf61;color:#e6edf9;background:#223d6899}.sidebar{grid-row:2;display:flex;flex-direction:column;gap:6px;padding:12px;border-right:1px solid var(--line);background:#081a3394}.nav-item{min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:7px;display:flex;align-items:center;gap:10px;color:#b9c7de;background:transparent;font-size:14px;cursor:pointer;transition:.16s ease}.nav-item svg{width:18px;height:18px}.nav-item:hover{color:#f7f9ff;background:#3a5ea429}.nav-item.is-active{color:#72b2ff;border-color:#5b8fea1a;background:linear-gradient(112deg,#3863b157,#41569c38)}.workspace{grid-column:2;grid-row:2;min-width:0;padding:20px 30px 32px 24px;overflow:auto}.team-workspace{padding-top:20px}.team-page-heading,.team-layout{width:min(100%,1180px);margin-inline:auto}.team-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.team-page-heading>div:first-child>span{display:block;margin-bottom:6px;color:#bdc9dc;font-size:12px}.team-page-heading h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.8px}.seat-summary{height:38px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(139,170,218,.18);border-radius:8px;color:#c8d4e8;background:#11274994;font-size:13px}.seat-summary svg{color:#92b7ff}.seat-summary strong{color:#f4f7ff;font-size:15px}.team-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:14px}.member-panel,.create-member-card,.password-modal{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#102648a3,#081b3791);box-shadow:inset 0 1px #ffffff06}.member-panel{min-width:0;overflow:hidden}.team-card-heading{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid rgba(139,170,218,.09)}.team-card-heading h2,.create-member-card h2,.password-modal h2{margin:0;color:#f4f7fd;font-size:16px;letter-spacing:-.25px}.team-card-heading p,.create-member-card>p,.password-modal>p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.team-card-heading>span{flex:0 0 auto;padding:4px 8px;border-radius:6px;color:#aebfff;background:#4f63be2e;font-size:12px}.team-loading{min-height:160px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.member-list{min-width:700px}.member-table-head,.member-row{display:grid;grid-template-columns:minmax(180px,1.3fr) 86px 76px 92px minmax(192px,1fr);align-items:center;column-gap:10px;padding:0 14px}.member-table-head{min-height:34px;color:#7183a2;background:#05132a52;font-size:10px;font-weight:650;letter-spacing:.04em}.member-row{min-height:64px;border-top:1px solid rgba(139,170,218,.07);transition:background .16s ease}.member-row:hover{background:#28457521}.member-row.is-disabled{opacity:.63}.member-profile{min-width:0;display:flex;align-items:center;gap:10px}.member-avatar{width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(112,155,245,.25);border-radius:8px;display:grid;place-items:center;color:#dce8ff;background:linear-gradient(135deg,#307bf147,#9351ee40);font-size:13px;font-weight:720}.member-profile>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.member-profile strong,.member-profile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-profile strong{color:#edf2fb;font-size:13px;font-weight:620}.member-profile small{color:#8495b1;font-size:11px}.role-badge,.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:6px;font-size:10px;white-space:nowrap}.role-badge{color:#aebddd;background:#5b6f9726}.role-badge.role-owner{color:#bfc5ff;background:#5e5ace33}.status-badge.is-active{color:#8edbb9;background:#24966721}.status-badge.is-inactive{color:#d8a4b0;background:#b43f581f}.member-date,.owner-lock{color:#8292ac;font-size:11px}.member-actions{display:flex;justify-content:flex-end;gap:6px}.member-actions button{min-height:28px;border:1px solid rgba(139,170,218,.16);border-radius:6px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:#bcc9dc;background:#182f5473;font-size:10px;cursor:pointer}.member-actions button:hover{border-color:#6f97e766;color:#eef3fb}.member-actions .danger-action{color:#daa0ae}.member-actions .enable-action{color:#8edbb9}.create-member-card{padding:18px}.create-member-icon{width:38px;height:38px;margin-bottom:13px;border:1px solid rgba(112,155,245,.24);border-radius:9px;display:grid;place-items:center;color:#bbcbff;background:linear-gradient(135deg,#2f7df63d,#9555f633)}.create-member-card form,.password-modal{display:grid}.create-member-card form{gap:12px;margin-top:18px}.create-member-card label,.password-modal label{display:grid;gap:6px;color:#d7dfed;font-size:11px;font-weight:620}.create-member-card input,.password-modal input{width:100%;height:37px;border:1px solid rgba(139,170,218,.2);border-radius:7px;padding:0 11px;color:#f3f6fc;background:#06152da3;font-size:13px}.create-member-card input::placeholder,.password-modal input::placeholder{color:#5f7291}.create-member-button{width:100%;min-height:38px;margin-top:3px;border:0;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:linear-gradient(105deg,#287bf2,#6970ef 56%,#954fec);font-size:12px;font-weight:700;cursor:pointer}.create-member-button:disabled{cursor:wait;opacity:.7}.team-feedback{position:fixed;z-index:80;right:22px;bottom:22px;min-width:300px;min-height:42px;display:flex;align-items:center;gap:8px;padding:8px 9px 8px 12px;border:1px solid rgba(90,190,146,.28);border-radius:8px;color:#bcebd5;background:#0e3634f5;box-shadow:0 16px 44px #0000004d;font-size:12px}.team-feedback.is-error{border-color:#eb6b884d;color:#f0b9c6;background:#411b30f7}.team-feedback span{flex:1}.team-feedback button,.modal-close{border:0;display:grid;place-items:center;color:inherit;background:transparent;cursor:pointer}.team-feedback button{width:26px;height:26px}.modal-backdrop{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#020915b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.password-modal{position:relative;width:min(100%,380px);gap:15px;padding:24px;box-shadow:0 30px 90px #00000075}.password-modal>p{margin-top:-7px}.password-modal>p strong{color:#e7edf8}.modal-close{position:absolute;top:11px;right:11px;width:30px;height:30px;border-radius:6px;color:#8ea0bc}.modal-close:hover{color:#eef3fb;background:#38538040}.billing-loading{min-height:260px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.billing-page-heading,.billing-layout{width:min(100%,1120px);margin-inline:auto}.billing-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.billing-page-heading>div:first-child>span{display:block;margin-bottom:6px;color:#9fb2d0;font-size:11px;font-weight:680;letter-spacing:.08em}.billing-page-heading h1{margin:0;color:#f6f8ff;font-size:clamp(24px,2.4vw,30px);line-height:1.16;letter-spacing:-.9px}.billing-page-heading p{margin:7px 0 0;color:#8294b0;font-size:12px;line-height:1.55}.subscription-state{height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(139,170,218,.18);border-radius:8px;color:#c8d4e8;background:#11274994;font-size:12px}.subscription-state>span{width:7px;height:7px;border-radius:50%;background:#8699b8;box-shadow:0 0 9px #8699b88c}.subscription-state.state-active>span,.subscription-state.state-trialing>span{background:#6ec5ff;box-shadow:0 0 10px #6ec5ffb3}.billing-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}.billing-current-card,.billing-plans-section,.billing-history-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0f2548b8,#071934ab);box-shadow:inset 0 1px #ffffff08,0 16px 44px #0006181a}.billing-current-card{position:relative;overflow:hidden;padding:20px;border-color:#7292e133;background:radial-gradient(circle at 87% 8%,rgba(124,73,224,.19),transparent 28%),linear-gradient(128deg,#143463e0,#0f2046cc)}.billing-current-title{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px}.billing-current-icon{width:40px;height:40px;border:1px solid rgba(125,159,246,.22);border-radius:10px;display:grid;place-items:center;color:#b6c8ff;background:linear-gradient(135deg,#367ef147,#944fe842);box-shadow:inset 0 1px #ffffff14}.billing-current-title>div:nth-child(2)>span{display:block;margin-bottom:3px;color:#899bbc;font-size:10px;font-weight:650;letter-spacing:.06em}.billing-current-title h2{margin:0;color:#f5f7ff;font-size:17px;line-height:1.25;letter-spacing:-.35px}.billing-current-metrics{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.billing-current-metrics>div{min-width:0;padding:10px 12px;border:1px solid rgba(139,170,218,.12);border-radius:8px;background:#06173247}.billing-current-metrics span,.billing-current-metrics strong{display:block}.billing-current-metrics span{margin-bottom:5px;color:#7487a7;font-size:10px}.billing-current-metrics strong{overflow:hidden;color:#e9effb;font-size:13px;font-weight:660;text-overflow:ellipsis;white-space:nowrap}.billing-current-usage{margin-top:14px}.billing-current-usage>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#8192ae;font-size:10px}.billing-current-usage strong{color:#adbef1;font-size:10px}.billing-plans-section{padding:20px}.billing-plans-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:15px}.billing-plans-heading>div>span{display:block;margin-bottom:4px;color:#8192ae;font-size:10px;font-weight:680;letter-spacing:.07em}.billing-plans-heading h2{margin:0;color:#f3f6fd;font-size:18px;line-height:1.25;letter-spacing:-.4px}.billing-seat-control{height:44px;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid rgba(139,170,218,.16);border-radius:8px;color:#8ea6cb;background:#06152d80}.billing-seat-control>span{display:grid;grid-template-columns:auto 52px;align-items:center;gap:8px}.billing-seat-control small{color:#99a9c1;font-size:10px;font-style:normal;white-space:nowrap}.billing-seat-control input{width:52px;height:28px;border:1px solid rgba(139,170,218,.16);border-radius:6px;padding:0 6px;color:#eef3ff;background:#091c3bd1;text-align:center;font-size:12px;font-weight:650}.billing-seat-control em{color:#7284a1;font-size:10px;font-style:normal}.billing-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.billing-plan-card{position:relative;min-width:0;min-height:356px;padding:18px;border:1px solid rgba(139,170,218,.14);border-radius:11px;background:#081b398a;transition:border-color .18s ease,transform .18s ease,background .18s ease}.billing-plan-card:hover{transform:translateY(-1px);border-color:#7098e74d;background:#0b2144a8}.billing-plan-card.is-recommended{border-color:#7568e85c;background:radial-gradient(circle at 93% 3%,rgba(140,76,229,.19),transparent 31%),linear-gradient(145deg,#142e5bb5,#0f1b40ad);box-shadow:inset 0 1px #ffffff09}.billing-plan-card.is-current{border-color:#5994ee57}.billing-plan-card-topline{min-height:45px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.billing-plan-card-topline>div>span{display:block;margin-bottom:3px;color:#7a8da9;font-size:10px}.billing-plan-card h3{margin:0;color:#f2f5fc;font-size:18px;letter-spacing:-.4px}.plan-label{min-height:23px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;color:#dac8ff;background:#8249dc38;font-size:10px;font-weight:680;white-space:nowrap}.plan-label.is-current{color:#b7d4ff;background:#306fcd3d}.billing-plan-price{min-height:52px;display:flex;align-items:baseline;gap:6px;margin-top:13px}.billing-plan-price strong{color:#fafbff;font-size:clamp(29px,3.1vw,37px);font-weight:720;line-height:1;letter-spacing:-1.4px}.billing-plan-price span{color:#8b9ab3;font-size:11px}.billing-plan-caption{min-height:17px;margin:1px 0 14px;color:#7587a4;font-size:10px}.billing-plan-action{width:100%;height:38px;border:1px solid rgba(133,160,213,.2);border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#eaf0fb;background:#1e396794;font-size:11px;font-weight:700;cursor:pointer;transition:.16s ease}.billing-plan-card.is-recommended .billing-plan-action:not(:disabled){border-color:transparent;color:#fff;background:linear-gradient(105deg,#287bf2,#6970ef 56%,#954fec);box-shadow:0 9px 24px #444dc43b}.billing-plan-action:hover:not(:disabled){transform:translateY(-1px);border-color:#85a9ea5c;background-color:#2c4d85b3}.billing-plan-action:disabled{cursor:not-allowed;opacity:.62}.billing-plan-saving{min-height:30px;display:flex;align-items:center;gap:6px;margin-top:9px;padding:0 9px;border-radius:6px;color:#c6b9f6;background:#744cbe24;font-size:10px}.billing-plan-saving svg{color:#a98df3}.billing-plan-benefits{display:grid;gap:9px;margin:15px 0 0;padding:14px 0 0;border-top:1px solid rgba(139,170,218,.1);list-style:none}.billing-plan-benefits li{display:flex;align-items:flex-start;gap:7px;color:#9aaac1;font-size:10px;line-height:1.45}.billing-plan-benefits svg{flex:0 0 auto;margin-top:1px;color:#77aaf5}.billing-history-card{min-width:0;overflow:hidden}.billing-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.billing-section-heading>div>span{display:block;margin-bottom:3px;color:#7f91ae;font-size:10px;font-weight:650;letter-spacing:.05em}.billing-section-heading h2{margin:0;color:#f4f7fd;font-size:17px;letter-spacing:-.3px}.billing-section-heading>svg{color:#9eb8f5}.billing-usage{height:4px;overflow:hidden;border-radius:999px;background:#5f79a829}.billing-usage span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#337ff2,#8b58ef)}.billing-owner-note{min-height:38px;margin-top:12px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(139,170,218,.13);border-radius:7px;color:#aab8cf;background:#152a4c5c;font-size:11px;line-height:1.4}.billing-safe-note{margin:12px 2px 0;color:#687b9a;font-size:10px;line-height:1.55}.billing-history-card>.billing-section-heading{min-height:67px;align-items:center;padding:13px 16px;border-bottom:1px solid rgba(139,170,218,.09)}.billing-empty{min-height:100px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7183a2;font-size:12px}.billing-order+.billing-order{border-top:1px solid rgba(139,170,218,.08)}.billing-order{min-height:68px;display:grid;grid-template-columns:minmax(190px,1fr) 140px 82px;align-items:center;gap:12px;padding:10px 14px}.billing-order>div:first-child,.billing-order-amount{min-width:0;display:flex;flex-direction:column;gap:3px}.billing-order strong{overflow:hidden;color:#e8eef9;font-size:12px;font-weight:630;text-overflow:ellipsis;white-space:nowrap}.billing-order span{color:#7d8faa;font-size:10px}.billing-order-amount{align-items:flex-end}.order-status{width:fit-content;padding:2px 6px;border-radius:5px;color:#aebfff!important;background:#4f63be2e}.order-status.status-cancelled{color:#8e9bb1!important;background:#58657e26}.billing-order>button{min-height:28px;border:1px solid rgba(139,170,218,.16);border-radius:6px;color:#c4abc7;background:#31234957;font-size:10px;cursor:pointer}.billing-order>button:disabled{cursor:wait}.ops-loading{min-height:300px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);font-size:13px}.ops-page{width:min(100%,1240px);margin-inline:auto}.ops-page>.team-page-heading{width:100%}.ops-heading-actions{display:flex;align-items:center;gap:8px}.ops-create-button{height:34px;border:0;border-radius:8px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;color:#fff;background:linear-gradient(105deg,#287bf2,#775ff0 58%,#974dea);box-shadow:0 8px 22px #3e5bd733;font-size:11px;font-weight:680;cursor:pointer}.ops-access-badge{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(124,144,247,.2);border-radius:8px;color:#bfc7ff;background:#3c39932e;font-size:11px}.ops-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:14px}.ops-metrics article{min-width:0;min-height:88px;padding:12px;border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:4px;background:linear-gradient(145deg,#102648a3,#081b3791)}.ops-metrics svg{grid-column:2;grid-row:1 / span 2;color:#8ca9e7}.ops-metrics span{color:#7d8faa;font-size:10px}.ops-metrics strong{color:#f1f5fc;font-size:22px;line-height:1}.ops-tabs{height:42px;display:flex;align-items:flex-end;gap:5px;border-bottom:1px solid var(--line)}.ops-tabs button{height:38px;border:0;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;padding:0 13px;color:#8496b3;background:transparent;font-size:12px;font-weight:620;cursor:pointer}.ops-tabs button.is-active{border-bottom-color:#6e8cff;color:#e6ecf8}.ops-tabs button span{min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;color:#e8edff;background:#645bd280;font-size:9px}.ops-panel{min-width:0;margin-top:12px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:linear-gradient(145deg,#10264894,#081b3780)}.ops-organization-tools{min-height:46px;display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid rgba(139,170,218,.08);background:#0818333d}.ops-organization-search{width:min(260px,100%);height:31px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid rgba(139,170,218,.16);border-radius:6px;color:#8194b1;background:#06152d94}.ops-organization-search input{min-width:0;flex:1;border:0;outline:0;color:#e9eef8;background:transparent;font-size:10px}.ops-organization-search input::placeholder{color:#71839f}.ops-organization-filter{height:31px;display:flex;align-items:center;gap:6px;padding:0 7px 0 9px;border:1px solid rgba(139,170,218,.16);border-radius:6px;color:#8194b1;background:#06152d94;font-size:10px}.ops-organization-filter select{border:0;outline:0;color:#cad5e7;background:transparent;font-size:10px}.ops-organization-count{margin-left:auto;color:#71839f;font-size:10px}.ops-table{min-width:960px}.ops-table-head,.ops-table-row{display:grid;grid-template-columns:minmax(190px,1.35fr) 86px 90px 130px 105px 150px;align-items:center;gap:12px;padding:0 14px}.ops-table-head{min-height:35px;color:#7183a2;background:#05132a57;font-size:10px;font-weight:650}.ops-table-head>span{min-width:0}.ops-table-head button{max-width:100%;border:0;display:inline-flex;align-items:center;gap:4px;padding:4px 0;color:inherit;background:transparent;font:inherit;cursor:pointer}.ops-table-head button:hover,.ops-table-head button:focus-visible{color:#c2d1ea;outline:none}.ops-table-head button svg{color:#7fa2e7}.ops-table-head button svg.is-idle{opacity:.28}.ops-organization-empty{min-height:96px;border-top:1px solid rgba(139,170,218,.07);display:flex;align-items:center;justify-content:center;gap:8px;color:#778aa8;font-size:11px}.ops-table-row{min-height:66px;border-top:1px solid rgba(139,170,218,.07);color:#aebbd0;font-size:11px}.ops-table-row:hover{background:#2845751f}.ops-organization-name{min-width:0;display:flex;align-items:center;gap:10px}.ops-organization-name>span{width:31px;height:31px;flex:0 0 31px;border:1px solid rgba(112,155,245,.23);border-radius:8px;display:grid;place-items:center;color:#dce8ff;background:linear-gradient(135deg,#307bf145,#9351ee3b);font-size:12px;font-weight:720}.ops-organization-name div{min-width:0;display:flex;flex-direction:column;gap:2px}.ops-organization-name strong,.ops-organization-name small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-organization-name strong{color:#ebf0fa;font-size:12px}.ops-organization-name small{color:#788ba8;font-size:10px}.ops-status{width:fit-content;padding:4px 7px;border-radius:6px;color:#aebfff;background:#4f63be2e;font-size:10px;white-space:nowrap}.ops-status.status-active,.ops-status.status-approved{color:#8edbb9;background:#24966721}.ops-status.status-past_due,.ops-status.status-pending{color:#e2bd88;background:#b3742324}.ops-status.status-cancelled,.ops-status.status-rejected{color:#d8a4b0;background:#b43f581f}.ops-row-actions{display:flex;gap:6px}.ops-row-actions button{min-width:66px;min-height:28px;border:1px solid rgba(139,170,218,.16);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:#bcc9dc;background:#182f5473;font-size:10px;cursor:pointer}.ops-row-actions button.disable{color:#d5a2ae;background:#50243957}.ops-row-actions button.enable{color:#91d6bb;background:#1b4b414d}.ops-row-actions button:disabled{cursor:wait;opacity:.6}.ops-orders article{min-height:68px;display:grid;grid-template-columns:minmax(180px,1fr) 140px 82px 180px;align-items:center;gap:12px;padding:10px 14px}.ops-orders article+article{border-top:1px solid rgba(139,170,218,.08)}.ops-orders article>div:not(.ops-review-actions){min-width:0;display:flex;flex-direction:column;gap:3px}.ops-orders strong{overflow:hidden;color:#e8eef9;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ops-orders article span{color:#7d8faa;font-size:10px}.ops-review-actions{display:flex;justify-content:flex-end;gap:6px}.ops-review-actions button{min-height:29px;border:1px solid rgba(139,170,218,.16);border-radius:6px;display:flex;align-items:center;gap:4px;padding:0 8px;background:#182f5473;font-size:10px;cursor:pointer}.ops-review-actions .approve{color:#90d8ba}.ops-review-actions .reject{color:#daa0ae}.ops-reviewer{justify-self:end}.ops-empty{min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7183a2;font-size:12px}.ops-audit-list article{min-height:58px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 14px}.ops-audit-list article+article{border-top:1px solid rgba(139,170,218,.08)}.ops-audit-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:#a7b9ef;background:#46559c33}.ops-audit-list article>div{min-width:0;display:flex;flex-direction:column;gap:2px}.ops-audit-list strong{color:#e2e9f5;font-size:11px}.ops-audit-list article>div span{color:#7486a3;font-size:10px}.ops-audit-list code{padding:3px 6px;border-radius:5px;color:#8596b2;background:#08173180;font-size:9px}.ops-edit-modal{position:relative;width:min(100%,510px);padding:22px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#102648fa,#081b37fa);box-shadow:0 30px 90px #00000075}.ops-create-modal{max-height:calc(100dvh - 36px);overflow:auto}.ops-review-modal{position:relative;width:min(100%,390px);padding:24px;border:1px solid var(--line);border-radius:10px;text-align:center;background:linear-gradient(145deg,#102648fc,#081b37fc);box-shadow:0 30px 90px #00000075}.ops-review-mark{width:42px;height:42px;margin:0 auto 13px;border-radius:10px;display:grid;place-items:center}.ops-review-mark.approve{color:#9fe0c5;background:#25906533}.ops-review-mark.reject{color:#e1a4b2;background:#b23e572e}.ops-review-modal h2{margin:0;color:#f2f5fb;font-size:17px}.ops-review-modal p{margin:8px 0 18px;color:#8fa0ba;font-size:11px;line-height:1.6}.ops-review-confirm{width:100%;min-height:38px;border:0;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.ops-review-confirm.approve{background:linear-gradient(105deg,#257d75,#3476b5)}.ops-review-confirm.reject{background:linear-gradient(105deg,#8e405d,#704a91)}.ops-modal-heading{display:flex;align-items:center;gap:10px}.ops-modal-heading>svg{width:35px;height:35px;padding:8px;border-radius:8px;color:#b9c8ff;background:#4556b140}.ops-modal-heading span{color:#7f91ae;font-size:10px}.ops-modal-heading h2{margin:2px 0 0;color:#f2f5fb;font-size:16px}.ops-edit-grid{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ops-edit-grid label{display:grid;gap:6px;color:#cdd7e7;font-size:10px;font-weight:620}.ops-edit-grid input,.ops-edit-grid select{width:100%;height:36px;border:1px solid rgba(139,170,218,.18);border-radius:7px;padding:0 9px;color:#edf2fb;background:#06152da8;font-size:12px}.ops-date-field{grid-column:1 / -1}.ops-modal-warning{min-height:40px;margin-top:14px;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid rgba(190,149,82,.18);border-radius:7px;color:#cbb995;background:#5b421c29;font-size:10px;line-height:1.45}.ops-modal-submit{width:100%;min-height:40px;margin-top:14px;border:0;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:linear-gradient(105deg,#287bf2,#6970ef 56%,#954fec);box-shadow:0 10px 25px #3950cf40;font-size:12px;font-weight:700;cursor:pointer}.ops-modal-submit:hover:not(:disabled){filter:brightness(1.08)}.ops-modal-submit:disabled{cursor:wait;opacity:.62}.page-heading,.task-panel{width:min(100%,1040px);margin-inline:auto}.page-heading>span{display:block;margin-bottom:6px;color:#bdc9dc;font-size:12px}.page-heading h1{margin:0 0 22px;font-size:clamp(26px,2.2vw,30px);line-height:1.15;letter-spacing:-1px}.task-panel{border:1px solid var(--line);border-radius:10px;overflow:visible;background:linear-gradient(145deg,#1026488c,#081b3778);box-shadow:inset 0 1px #ffffff05}.form-row{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;padding:12px 14px 12px 20px}.form-row+.form-row,.advanced-section{border-top:1px solid rgba(139,170,218,.08)}.row-label{padding-right:18px;color:#f1f4fc;font-size:14px;font-weight:650;letter-spacing:-.2px}.row-label span{font-weight:500;color:#dbe3f2}.source-row{padding-top:14px;padding-bottom:10px}.source-control,.loading-file-state{min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 9px 8px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.source-control>svg{width:24px;height:24px;color:#eaf2ff}.file-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.file-copy strong{overflow:hidden;color:#f5f8ff;font-size:15px;font-weight:540;text-overflow:ellipsis;white-space:nowrap}.file-copy span{color:var(--muted);font-size:13px}.secondary-button,.icon-button{border:1px solid var(--line-strong);background:#19335b94;cursor:pointer;transition:.16s ease}.secondary-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border-radius:6px;color:#e9eef9;font-size:14px;font-weight:600;white-space:nowrap}.secondary-button:hover,.icon-button:hover{border-color:#72a5ff85;background:#2c4d82b3;transform:translateY(-1px)}.loading-row{padding-top:8px;padding-bottom:8px}.loading-control-wrap{min-width:0}.loading-dropzone{width:100%;min-height:44px;padding:5px 14px;border:1px dashed rgba(139,170,218,.26);border-radius:9px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;color:#647797;background:#0d22444d;cursor:pointer;transition:.18s ease}.loading-dropzone:hover{border-color:#6195f799;color:#92aee0;background:#1e38685c}.loading-dropzone strong{color:#f2f5fc;font-size:14px;font-weight:620}.loading-dropzone span{color:var(--muted);font-size:12px}.loading-dropzone .loading-dropzone-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.35}.loading-file-state{min-height:56px}.file-icon-box{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(114,165,255,.25);border-radius:8px;display:grid;place-items:center;color:#a9c6ff;background:linear-gradient(135deg,#2f7df642,#9555f633)}.icon-button{width:34px;height:34px;border-radius:6px;display:grid;place-items:center}.icon-button.danger{color:#e89caf}.channel-row{position:relative;padding-top:8px;padding-bottom:8px}.channel-label{display:flex;align-items:center;gap:6px}.channel-label svg{width:15px;height:15px;color:#9fb0ce}.channel-control{min-height:50px;display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;background:#0d224452}.channel-list{min-width:0;display:flex;flex:1;flex-wrap:wrap;gap:8px}.channel-chip{min-height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(139,170,218,.22);border-radius:7px;color:#eff3fc;background:#142b4fa3;font-size:14px;cursor:pointer;transition:.16s ease}.channel-chip:hover{border-color:#72a5ff94;background:#234071b8}.channel-chip>svg{width:20px;height:20px}.check-badge{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;color:#fff;background:#2573e8;box-shadow:0 0 0 1px #78abff33}.add-channel-wrap{position:relative;margin-left:auto}.add-channel-button{min-width:102px}.channel-menu{position:absolute;z-index:30;top:calc(100% + 10px);right:0;width:180px;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:#102748;box-shadow:0 20px 50px #0000005c}.channel-menu button{width:100%;min-height:38px;border:0;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#edf2fb;background:transparent;cursor:pointer}.channel-menu button:hover{background:#4165a447}.menu-empty{display:block;padding:12px;color:var(--muted);font-size:14px}.advanced-section{display:grid;grid-template-columns:160px minmax(0,1fr);padding:0 14px 0 20px}.advanced-toggle{grid-column:1 / -1;min-height:58px;border:0;display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;padding:0;color:#f0f3fb;background:transparent;font-size:14px;font-weight:650;text-align:left;cursor:pointer}.advanced-toggle svg{justify-self:end;margin-right:8px;transition:transform .18s ease}.advanced-section.is-open .advanced-toggle svg{transform:rotate(180deg)}.advanced-content{grid-column:2;display:grid;gap:12px;padding:0 8px 16px 0}.advanced-content label{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:14px;font-size:14px;color:var(--muted-strong)}.advanced-content input{width:100%;height:38px;border:1px solid var(--line-strong);border-radius:7px;padding:0 14px;color:#fff;background:#091933b3}.switch-row>span{display:flex;flex-direction:column;gap:3px}.switch-row strong{color:#e9eef8;font-size:15px}.switch-row small{color:var(--muted)}.switch{justify-self:end;width:42px;height:24px;border:1px solid var(--line-strong);border-radius:999px;padding:3px;background:#1e3559;cursor:pointer}.switch span{display:block;width:16px;height:16px;border-radius:50%;background:#b8c5db;transition:transform .18s ease}.switch.is-on{border-color:#7685ffa8;background:linear-gradient(90deg,var(--blue),var(--violet))}.switch.is-on span{transform:translate(18px);background:#fff}.toast{position:fixed;z-index:60;left:50%;bottom:96px;min-width:min(420px,calc(100vw - 32px));min-height:48px;display:flex;align-items:center;gap:10px;padding:9px 12px 9px 15px;border:1px solid rgba(244,124,150,.34);border-radius:10px;color:#ffdce5;background:#391d34f5;box-shadow:0 18px 50px #00000059;transform:translate(-50%)}.toast span{flex:1}.toast button{width:30px;height:30px;border:0;color:#f3c8d2;background:transparent;font-size:22px;cursor:pointer}.action-bar{position:relative;grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 28px;border-top:1px solid var(--line);background:#051124db;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.build-progress{position:absolute;top:-1px;left:0;right:0;height:3px;overflow:hidden;background:#5b79ad2e}.build-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--violet));box-shadow:0 0 18px #5c77ff99;transition:width .28s ease}.queue-status{display:flex;align-items:center;gap:10px;color:#d5ddec;font-size:14px}.phase-success .queue-status{color:#bac8ff}.primary-button{min-width:270px;min-height:48px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;color:#fff;background:linear-gradient(105deg,#2179f6,#5e70f5 55%,#a14cf3);box-shadow:0 12px 35px #275ddb2e;font-size:15px;font-weight:700;cursor:pointer;transition:.18s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 38px #3e60e257}.primary-button:disabled{cursor:not-allowed;filter:saturate(.65);opacity:.74}.spin{animation:spin .9s linear infinite}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important;white-space:nowrap!important}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.app-shell{grid-template-columns:156px minmax(0,1fr)}.workspace{padding-inline:20px}.form-row,.advanced-section{grid-template-columns:142px minmax(0,1fr);padding-left:18px}.advanced-toggle{grid-template-columns:142px minmax(0,1fr)}.channel-control{align-items:stretch;flex-direction:column}.team-layout,.billing-layout{grid-template-columns:1fr}.ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.create-member-card{width:min(100%,520px)}.add-channel-wrap{align-self:flex-end}}@media(max-width:760px){.app-shell{display:block;padding-bottom:132px}.topbar{height:54px}.organization-badge span,.user-identity{display:none}.sidebar{height:50px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;padding:5px 10px}.nav-item{min-height:38px;padding:0 11px;font-size:14px}.workspace{padding:18px 12px 28px}.team-page-heading{align-items:flex-start;flex-direction:column}.team-layout{overflow-x:auto}.billing-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.billing-plans-heading{align-items:flex-start;flex-direction:column}.billing-seat-control{width:100%;justify-content:flex-end}.billing-plan-grid{grid-template-columns:1fr}.billing-plan-card{min-height:0}.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-panel{overflow-x:auto}.ops-orders{min-width:720px}.billing-order{grid-template-columns:minmax(150px,1fr) 110px}.billing-order>button{grid-column:1 / -1;width:fit-content;justify-self:end;padding-inline:10px}.member-panel{min-width:700px}.create-member-card{min-width:min(100%,340px)}.team-feedback{right:12px;bottom:12px;left:12px;min-width:0}.page-heading h1{margin-bottom:18px;font-size:26px}.form-row,.advanced-section{display:block;padding:14px}.row-label{display:flex;margin-bottom:10px;font-size:15px}.source-control,.loading-file-state{padding-left:15px}.loading-dropzone{min-height:44px;padding-inline:12px}.channel-row{padding-bottom:14px}.channel-control{padding:8px}.channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.channel-chip{justify-content:center;padding-inline:8px}.advanced-toggle{min-height:48px;display:flex;justify-content:space-between}.advanced-content{padding:12px 0 0}.advanced-content label{grid-template-columns:1fr}.switch-row{grid-template-columns:1fr auto!important}.action-bar{position:fixed;z-index:50;left:0;right:0;bottom:0;min-height:116px;flex-direction:column;justify-content:center;gap:10px;padding:12px 14px}.queue-status{width:100%;font-size:14px}.primary-button{width:100%;min-width:0;min-height:50px;font-size:15px}}@media(max-width:480px){.auth-brand{top:18px;left:18px}.login-card{padding:24px 20px}.organization-badge{display:none}.billing-current-title{grid-template-columns:40px minmax(0,1fr)}.billing-current-title>.subscription-state{grid-column:2;width:fit-content}.billing-current-metrics{grid-template-columns:1fr}.billing-current-card,.billing-plans-section{padding:16px}.billing-seat-control{justify-content:space-between}.ops-metrics,.ops-edit-grid{grid-template-columns:1fr}.ops-date-field{grid-column:auto}.channel-list{grid-template-columns:1fr}.source-control,.loading-file-state{flex-wrap:wrap}.source-control .secondary-button,.loading-file-state .secondary-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.nav-section{display:grid;gap:4px;margin-bottom:3px}.nav-section-label{padding:4px 12px 3px;color:#7186a8;font-size:10px;font-weight:750;letter-spacing:.12em}.nav-subitem{min-height:38px}.preview-workspace{height:100%;padding:18px 22px 26px;overflow:hidden}.preview-page{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column}.preview-page-heading{min-height:58px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.preview-page-heading>div>span{color:#91a3c2;font-size:11px}.preview-page-heading h1{margin:3px 0 2px;font-size:25px;line-height:1.15;letter-spacing:-.7px}.preview-page-heading p{margin:0;color:#8396b5;font-size:12px}.preview-primary-button,.preview-upload-card>button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff;background:linear-gradient(105deg,#267cf5,#636cf0 54%,#964fe9);box-shadow:0 10px 26px #3058d538;font-weight:700;cursor:pointer;transition:.16s ease}.preview-primary-button{height:36px;padding:0 13px;border-radius:7px;font-size:12px}.preview-primary-button:hover,.preview-upload-card>button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 30px #435bde4d}.preview-message{min-height:40px;display:flex;align-items:center;gap:8px;margin:-2px 0 12px;padding:8px 11px;border:1px solid rgba(237,118,143,.23);border-radius:7px;color:#f0bec9;background:#5d1f3338;font-size:12px}.preview-message span{flex:1}.preview-message button{width:26px;height:26px;border:0;display:grid;place-items:center;color:inherit;background:transparent;cursor:pointer}.preview-layout{min-height:0;flex:1;display:grid;grid-template-columns:210px minmax(300px,1fr) 8px var(--preview-device-width, clamp(300px, 24vw, 390px));gap:8px}.preview-resize-handle{position:relative;z-index:3;height:100%;min-height:0;display:grid;place-items:center;touch-action:none;cursor:col-resize;outline:none}.preview-resize-handle:before{content:"";position:absolute;top:0;right:-4px;bottom:0;left:-4px}.preview-resize-handle span{width:2px;height:52px;border-radius:2px;background:#7697d347}.preview-resize-handle:hover span,.preview-resize-handle:focus-visible span,.preview-resize-handle:active span{background:linear-gradient(#508df5,#935cf0);box-shadow:0 0 12px #5b76ef73}.preview-project-list-panel,.preview-detail-panel,.preview-device-panel{height:100%;min-width:0;min-height:0;border:1px solid rgba(139,170,218,.14);border-radius:10px;background:linear-gradient(145deg,#1026488c,#081b3778);box-shadow:inset 0 1px #ffffff05}.preview-project-list-panel{overflow:hidden}.preview-panel-title{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid rgba(139,170,218,.09);color:#dce5f5;font-size:12px;font-weight:700}.preview-panel-title small{min-width:21px;height:19px;padding:0 6px;border-radius:10px;display:grid;place-items:center;color:#9fb3d1;background:#49689f36;font-size:10px}.preview-project-list{height:calc(100% - 43px);min-height:0;overflow-y:auto;padding:7px}.preview-project-item{width:100%;min-height:54px;display:grid;grid-template-columns:31px minmax(0,1fr);align-items:center;gap:8px;padding:9px 8px;border:1px solid transparent;border-radius:7px;color:#d6dfef;background:transparent;text-align:left;cursor:pointer}.preview-project-item+.preview-project-item{margin-top:3px}.preview-project-item:hover{background:#39598f29}.preview-project-item.is-selected{border-color:#5c8bee33;background:linear-gradient(112deg,#3160b457,#5548a933)}.preview-project-icon{position:relative;width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(120,156,224,.14);border-radius:7px;color:#86b7ff;background:#274c894d}.preview-project-eye{position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;border:2px solid #102748;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2f7df6,#795be9);box-shadow:0 3px 8px #1a419766}.preview-project-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.preview-project-copy strong{overflow:hidden;color:#edf3fc;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.preview-project-copy small{color:#7f92af;font-size:9px}.preview-status{width:fit-content;min-height:19px;display:inline-flex;align-items:center;gap:4px;padding:0 6px;border:1px solid rgba(125,150,191,.15);border-radius:5px;color:#9fb1ca;background:#20375b61;font-size:9px;line-height:17px;white-space:nowrap}.preview-status.is-ready{color:#95c4ff;border-color:#589bef38;background:#2967b22b}.preview-status.is-queued,.preview-status.is-building{color:#c0b9ff;border-color:#8e7bf238;background:#5b46b629}.preview-status.is-failed{color:#f0aebc;border-color:#de658036;background:#72273d2e}.preview-list-empty,.preview-detail-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px;color:#7388aa;text-align:center;font-size:11px}.preview-list-empty strong,.preview-detail-empty strong{color:#bac7da;font-size:12px}.preview-list-empty span,.preview-detail-empty span{color:#7183a0;line-height:1.5}.preview-detail-panel{padding:16px;overflow-y:auto}.preview-detail-heading{min-height:54px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(139,170,218,.09)}.preview-project-name{display:flex;align-items:center;gap:7px}.preview-project-name h2{margin:0;overflow:hidden;color:#f4f7fd;font-size:18px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.preview-project-name button,.preview-device-actions button{border:1px solid rgba(139,170,218,.14);display:grid;place-items:center;color:#91a5c5;background:#1026486b;cursor:pointer}.preview-project-name button{width:25px;height:25px;border-radius:6px}.preview-detail-heading p{margin:5px 0 0;color:#788baa;font-size:10px}.preview-delete-button{height:30px;padding:0 9px;border:1px solid rgba(213,97,123,.16);border-radius:6px;display:inline-flex;align-items:center;gap:5px;color:#d998a8;background:#5b1d3024;font-size:10px;cursor:pointer}.preview-delete-button:hover{color:#f1aebe;background:#6f22373b}.preview-rename-form{display:flex;align-items:center;gap:5px}.preview-rename-form input{width:min(250px,52vw);height:31px;border:1px solid rgba(105,148,239,.4);border-radius:6px;padding:0 9px;color:#f4f7ff;background:#05142dbf}.preview-rename-form button{height:29px;padding:0 8px;border:1px solid rgba(139,170,218,.16);border-radius:6px;color:#b9c7da;background:#19305485;font-size:10px;cursor:pointer}.preview-upload-card{min-height:72px;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:15px;padding:10px;border:1px solid rgba(139,170,218,.14);border-radius:8px;background:#0d22427a}.preview-upload-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(105,148,239,.2);border-radius:8px;color:#8bb7ff;background:linear-gradient(135deg,#2f7df630,#9555f621)}.preview-upload-card>div{min-width:0;display:flex;flex-direction:column;gap:3px}.preview-upload-card>div strong{overflow:hidden;color:#e8eef9;font-size:12px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.preview-upload-card>div span{color:#7f92af;font-size:10px}.preview-upload-card>button{height:32px;padding:0 11px;border-radius:6px;font-size:10px}.preview-upload-card>button:disabled{cursor:wait;filter:saturate(.55);opacity:.68}.preview-build-error{display:flex;gap:9px;margin-top:11px;padding:10px;border:1px solid rgba(229,104,133,.2);border-radius:7px;color:#efaaba;background:#621f332e}.preview-build-error div{display:flex;flex-direction:column;gap:2px}.preview-build-error strong{font-size:11px}.preview-build-error span{color:#c38f9c;font-size:10px;line-height:1.45}.preview-explanation{margin-top:18px;padding:14px 2px;border-top:1px solid rgba(139,170,218,.08)}.preview-explanation h3{margin:0 0 7px;color:#c9d4e6;font-size:11px}.preview-explanation p{max-width:580px;margin:0;color:#7488a8;font-size:10px;line-height:1.65}.preview-device-panel{display:flex;flex-direction:column;padding:12px 12px 15px;overflow:hidden}.preview-device-toolbar{height:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.preview-device-toolbar>div:first-child{display:flex;align-items:center;gap:7px}.preview-device-toolbar strong{color:#dce5f3;font-size:11px}.preview-device-actions{display:flex;gap:5px}.preview-device-actions button{width:27px;height:27px;border-radius:6px}.preview-device-actions button:hover:not(:disabled),.preview-project-name button:hover{color:#dce8fa;background:#2a487a94}.preview-device-actions button:disabled{cursor:not-allowed;opacity:.35}.preview-phone-wrap{min-height:0;flex:1;display:grid;place-items:center;padding-top:4px;overflow:hidden}.preview-phone{position:relative;width:min(100%,350px,calc((100dvh - 256px)*.496));aspect-ratio:767 / 1547;isolation:isolate;filter:drop-shadow(0 20px 24px rgba(0,0,0,.3))}.preview-phone.is-landscape{width:min(100%,620px,calc((100dvh - 256px)*2.017));aspect-ratio:1547 / 767}.preview-phone-screen{position:absolute;z-index:1;top:1.75%;right:4.3%;bottom:1.7%;left:4.05%;overflow:hidden;border-radius:10%/4.5%;background:#2d3035}.preview-phone.is-landscape .preview-phone-screen{top:4.05%;right:1.75%;bottom:4.3%;left:1.7%;border-radius:4.5%/10%}.preview-phone-screen iframe{width:100%;height:100%;border:0;display:block;background:#191b1f}.preview-phone-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px;color:#8f949d;text-align:center}.preview-phone-placeholder strong{color:#aeb2ba;font-size:11px;font-weight:500}.preview-phone-placeholder span{color:#777d87;font-size:9px}.preview-phone-frame{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.preview-phone:fullscreen{width:min(49.6vh,92vw);margin:auto;background:#09101d}.preview-phone.is-landscape:fullscreen{width:min(92vw,185.6vh)}.preview-modal-backdrop{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#020914c2;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.preview-modal{width:min(100%,380px);padding:18px;border:1px solid rgba(139,170,218,.2);border-radius:11px;background:linear-gradient(145deg,#11294c,#091a34);box-shadow:0 26px 70px #0006}.preview-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.preview-modal-heading span{color:#8598b8;font-size:10px}.preview-modal-heading h2,.preview-delete-modal h2{margin:3px 0 0;color:#f3f6fc;font-size:18px}.preview-modal-heading>button{width:28px;height:28px;border:1px solid rgba(139,170,218,.15);border-radius:6px;display:grid;place-items:center;color:#9aaac2;background:#12274973;cursor:pointer}.preview-modal>label{display:grid;gap:7px}.preview-modal>label span{color:#cad4e4;font-size:11px;font-weight:650}.preview-modal>label input{width:100%;height:38px;border:1px solid rgba(139,170,218,.2);border-radius:7px;padding:0 11px;color:#f4f7ff;background:#051228a8}.preview-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.preview-modal-actions button{min-width:70px;height:33px;border:1px solid rgba(139,170,218,.18);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#b9c6da;background:#162d508f;font-size:11px;cursor:pointer}.preview-modal-actions button[type=submit]{border-color:transparent;color:#fff;background:linear-gradient(105deg,#287bf2,#6b67ee 55%,#934fe8)}.preview-modal-actions button:disabled{cursor:not-allowed;opacity:.5}.preview-delete-modal{text-align:center}.preview-delete-mark{width:44px;height:44px;margin:0 auto 12px;border:1px solid rgba(230,104,131,.19);border-radius:50%;display:grid;place-items:center;color:#e49aae;background:#6b223636}.preview-delete-modal p{margin:8px auto 0;color:#8c9db8;font-size:11px;line-height:1.55}.preview-delete-modal .preview-modal-actions{justify-content:center}.preview-modal-actions .is-danger{border-color:#e4627f36;color:#fff;background:#a84460}@media(max-width:1180px){.preview-layout{grid-template-columns:190px minmax(280px,1fr) 8px var(--preview-device-width, 260px)}.preview-phone{width:min(100%,300px,calc((100dvh - 256px)*.496))}.preview-upload-card{grid-template-columns:38px minmax(0,1fr)}.preview-upload-card>button{grid-column:1 / -1;width:100%}}@media(max-width:920px){.preview-layout{grid-template-columns:190px minmax(0,1fr)}.preview-resize-handle{display:none}.preview-device-panel{grid-column:1 / -1;min-height:600px}.preview-phone{width:min(320px,calc((100dvh - 256px)*.496))}.preview-project-list{max-height:500px}}@media(max-width:760px){.nav-section{display:flex;margin:0}.nav-section-label{display:none}.preview-workspace{height:auto;padding:15px 12px 24px;overflow:auto}.preview-page-heading{align-items:flex-start}.preview-page-heading p{display:none}.preview-layout{display:flex;flex-direction:column;flex:none}.preview-project-list-panel,.preview-detail-panel,.preview-device-panel{min-height:auto}.preview-project-list{min-height:0;max-height:220px}.preview-device-panel{min-height:590px}}@media(max-width:480px){.preview-page-heading h1{font-size:22px}.preview-page-heading>div>span{display:none}.preview-primary-button{flex:0 0 auto}.preview-upload-card{grid-template-columns:38px minmax(0,1fr)}.preview-detail-heading{flex-direction:column}.preview-delete-button{align-self:flex-end}}