:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111c33;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-brand{position:relative;padding:42px 58px;background:radial-gradient(circle at 82% 18%,#244b88 0,#142b4e 34%,#0d1c31 74%);color:#fff;display:flex;flex-direction:column;overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-210px;bottom:-170px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018)}.brand-mark,.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-mark .cart{font-size:32px}.brand-mark b,.sidebar-brand b{display:block;font-size:20px;letter-spacing:.02em}.brand-mark small,.sidebar-brand small{display:block;color:#a9bad2;font-size:14px;margin-top:2px}.login-copy{max-width:720px;margin:auto 0;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#5f7dab}.login-brand .eyebrow{color:#b7c8df}.eyebrow svg{width:18px}.login-copy h1{font-size:clamp(44px,5vw,76px);line-height:1.03;letter-spacing:-.05em;margin:22px 0}.login-copy h1 span{color:#69a8ff}.login-copy p{font-size:18px;line-height:1.65;color:#bdc9d9;max-width:600px}.feature-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.feature-row span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:10px 13px;border-radius:10px;color:#d9e3ef;font-size:13px}.feature-row svg{width:17px}.login-footer{font-size:12px;color:#7f93ad;position:relative;z-index:1}.login-panel{display:grid;place-items:center;padding:36px;background:linear-gradient(180deg,#fff,#f8faff)}.login-card{width:min(430px,100%);padding:34px}.mobile-brand{display:none}.login-icon{width:58px;height:58px;border-radius:16px;background:#eaf3ff;color:#186fe8;display:grid;place-items:center}.login-icon svg{width:26px}.login-card h2{font-size:30px;margin:22px 0 6px}.login-card>p{color:#6a7890;margin:0 0 28px}.login-card label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px;color:#384760}.login-card input{width:100%;height:48px;border:1px solid #d8e0eb;border-radius:10px;padding:0 13px;outline:none;background:#fff}.login-card input:focus{border-color:#4a94f7;box-shadow:0 0 0 3px rgba(74,148,247,.12)}.primary-btn{width:100%;height:50px;margin-top:22px;border:0;border-radius:10px;background:#1671e8;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 18px rgba(22,113,232,.2)}.primary-btn:disabled{opacity:.65}.primary-btn svg{width:18px}.login-note{font-size:12px!important;text-align:center;margin-top:16px!important;color:#8a97aa!important}.form-error{min-height:18px;margin-top:9px;color:#c93636;font-size:13px}.app-shell{display:grid;grid-template-columns:274px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(180deg,#132843,#0e1e34);color:#fff;padding:20px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:274px;z-index:20}.sidebar-brand{height:62px;padding:0 10px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-brand>span{font-size:28px}.sidebar nav{padding-top:16px;overflow:auto}.nav-label{font-size:10px;letter-spacing:.12em;color:#7890af;padding:18px 12px 7px}.nav-item{width:100%;height:46px;border:0;border-radius:10px;background:transparent;color:#dbe6f4;display:flex;align-items:center;gap:13px;padding:0 12px;margin:3px 0;text-align:left}.nav-item svg{width:20px}.nav-item:hover{background:rgba(255,255,255,.06)}.nav-item.active{background:linear-gradient(90deg,#1678ef,#247ee9);color:white;box-shadow:0 6px 20px rgba(0,93,212,.3)}.nav-sep{height:1px;background:rgba(255,255,255,.09);margin:14px 8px}.sidebar-bottom{margin-top:auto;padding:16px 10px;color:#8da2be;display:flex;flex-direction:column;gap:3px;font-style:normal}.sidebar-bottom small{color:#dce7f5;font-weight:700}.sidebar-bottom em{font-style:normal;font-size:11px;margin-top:5px}.workspace{grid-column:2;min-width:0}.topbar{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid #e6ebf2;display:flex;align-items:center;gap:20px;padding:0 28px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.top-search{width:min(480px,48vw);height:42px;border:1px solid #dce4ee;border-radius:10px;background:#f9fbfd;display:flex;align-items:center;padding:0 12px;gap:8px}.top-search svg{width:18px;color:#58708e}.top-search input{border:0;outline:0;background:transparent;width:100%;color:#243650}.user-menu{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;background:#4b5871;color:white;display:grid;place-items:center;font-weight:800}.user-text{display:flex;flex-direction:column}.user-text small{font-size:11px;color:#7c899a}.user-menu>svg{width:16px}.content{padding:28px;max-width:1600px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-head small{color:#5f718a}.page-head h1{font-size:30px;margin:4px 0 5px;letter-spacing:-.025em}.page-head p,.simple-page>p,.tool-page-head p{margin:0;color:#6a7890}.date-card{min-width:260px;background:#eef3fb;border-radius:12px;padding:13px 16px;display:flex;gap:12px;align-items:center}.date-card svg{width:26px;color:#213758}.date-card div{display:flex;flex-direction:column}.date-card span{font-size:13px;color:#64738a;margin-top:3px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}.stat-card{background:white;border:1px solid #e3e8ef;border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 14px rgba(29,52,78,.035)}.stat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.stat-icon svg{width:24px}.stat-icon.blue{background:#e7f2ff;color:#1877e8}.stat-icon.green{background:#e1f8ee;color:#0b9c68}.stat-icon.orange{background:#fff0da;color:#e47a0a}.stat-icon.violet{background:#eee8ff;color:#6f47d9}.stat-card div{min-width:0;display:flex;flex-direction:column}.stat-card small{color:#637189}.stat-card strong{font-size:22px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card em{font-style:normal;font-size:12px;color:#739080}.email-stat{font-size:15px!important}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 12px}.section-title h1,.section-title h2{margin:0}.section-title h2{font-size:22px}.section-title span{font-size:13px;color:#66768d}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tool-card{position:relative;min-height:190px;border:1px solid #dfe8f3;border-radius:13px;padding:20px;background:#fff;display:flex;flex-direction:column;transition:.2s ease;overflow:hidden}.tool-card[data-tool]{cursor:pointer}.tool-card[data-tool]:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(33,55,84,.09)}.tool-card.blue{background:linear-gradient(135deg,#e9f5ff,#f7fbff)}.tool-card.sky{background:linear-gradient(135deg,#edf8ff,#f6fbff)}.tool-card.violet{background:linear-gradient(135deg,#f3ecff,#fbf8ff)}.tool-card.green{background:linear-gradient(135deg,#eafaf2,#f9fffb)}.tool-card.coming{background:linear-gradient(135deg,#f1f4f8,#fafbfd)}.tool-icon{width:48px;height:48px;border-radius:11px;display:grid;place-items:center;margin-bottom:16px}.tool-icon svg{width:24px}.tool-icon.blue{background:#1c78ec;color:#fff}.tool-icon.sky{background:#1686d9;color:#fff}.tool-icon.violet{background:#7248d7;color:#fff}.tool-icon.green{background:#18a962;color:#fff}.tool-icon.neutral{background:#56677d;color:#fff}.tool-meta span{font-size:10px;letter-spacing:.1em;font-weight:800;color:#64748b}.tool-meta h3{margin:4px 0 7px;font-size:18px}.tool-meta p{margin:0;color:#5d6d82;font-size:13px;line-height:1.5;padding-right:18px}.round-arrow{position:absolute;right:16px;bottom:16px;border:0;background:white;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;box-shadow:0 3px 10px rgba(26,48,77,.12);color:#1b72e2}.round-arrow svg{width:18px}.bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:20px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:13px;overflow:hidden}.panel-head{height:50px;border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.panel-head h3{font-size:16px;margin:0}.panel-head button{border:0;background:transparent;color:#1671e8}.activity-row{min-height:62px;padding:9px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0f4}.activity-row:last-child{border-bottom:0}.activity-icon{width:34px;height:34px;border-radius:9px;background:#edf4fe;display:grid;place-items:center;color:#287be8}.activity-icon svg{width:17px}.activity-row div{display:flex;flex-direction:column;min-width:0}.activity-row small{color:#7c899c;margin-top:2px}.activity-row em{font-style:normal;font-size:12px;color:#15835f;margin-left:auto}.empty{padding:24px;color:#8390a2;text-align:center}.help-list>div{display:flex;gap:12px;align-items:center;padding:12px 18px}.help-list svg{width:18px;color:#2277df}.help-list span{display:flex;flex-direction:column}.help-list small{color:#7c899c;margin-top:2px}.tool-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}.tool-page-head h1{font-size:26px;margin:6px 0 4px}.back-btn{border:0;background:transparent;padding:0;color:#176fdc;font-weight:700}.open-new{border:1px solid #d7e0eb;background:white;color:#1d5fae;text-decoration:none;padding:9px 12px;border-radius:9px;font-weight:700;font-size:13px}.tool-frame-wrap{background:#fff;border:1px solid #dfe5ee;border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(25,48,75,.05)}.tool-frame{width:100%;height:calc(100vh - 185px);min-height:650px;border:0;background:white}.simple-page{max-width:1050px}.simple-page h1{font-size:30px;margin:8px 0}.instruction-grid{display:grid;gap:12px;margin-top:24px}.instruction{display:flex;gap:16px;background:white;border:1px solid #e1e7ee;border-radius:13px;padding:18px}.instruction>strong{width:38px;height:38px;border-radius:10px;background:#eaf3ff;color:#1973e4;display:grid;place-items:center;flex:0 0 auto}.instruction h3{margin:1px 0 5px}.instruction p{margin:0;color:#69778b;line-height:1.5}.settings-panel{padding:6px 18px 18px;margin-top:20px}.settings-panel>div{display:flex;justify-content:space-between;gap:20px;padding:15px 2px;border-bottom:1px solid #edf1f5}.settings-panel span{color:#66758a;text-align:right}.danger-btn,.secondary-btn{border:0;border-radius:9px;padding:10px 14px;font-weight:700}.danger-btn{background:#fff0f0;color:#c53232;margin-top:18px;display:inline-flex;gap:8px;align-items:center}.danger-btn svg{width:17px}.secondary-btn{background:#eaf2fc;color:#2467b6}.icon-btn{border:0;background:#eef3f8;border-radius:9px;width:40px;height:40px;display:grid;place-items:center}.mobile-only{display:none}
@media(max-width:1200px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.mobile-brand{display:block;margin-bottom:24px;color:#173252}.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{grid-column:auto}.mobile-only{display:grid}.topbar{padding:0 14px}.user-text{display:none}.top-search{width:min(520px,70vw)}.content{padding:18px}.page-head{align-items:flex-start}.date-card{display:none}.bottom-grid{grid-template-columns:1fr}.tool-frame{height:calc(100vh - 165px)}}
@media(max-width:620px){.login-panel{padding:18px}.login-card{padding:18px 10px}.stats-grid,.tools-grid{grid-template-columns:1fr}.stat-card{padding:14px}.page-head h1{font-size:25px}.tool-page-head{align-items:flex-start;flex-direction:column}.open-new{align-self:flex-start}.tool-frame{min-height:700px}.content{padding:14px}.top-search{width:100%}.topbar{gap:10px}.user-menu>svg{display:none}}
.ui-icon{display:inline-grid;place-items:center;font-style:normal;line-height:1;min-width:1em}.nav-item .ui-icon{width:20px;font-size:19px}.top-search .ui-icon{color:#58708e}.login-icon .ui-icon{font-size:24px}.stat-icon .ui-icon{font-size:22px}.tool-emoji{font-size:23px}.round-arrow .ui-icon{font-size:20px}.activity-icon .ui-icon{font-size:17px}.help-list>.ui-icon{width:18px}
.form-input{width:100%;border:1px solid #d7e0eb;border-radius:9px;padding:11px 12px;font-size:14px;outline:none;background:#fff;color:#1d2f47}.form-input:focus{border-color:#3980df;box-shadow:0 0 0 3px rgba(42,115,216,.12)}.field-label{display:block;font-size:12px;font-weight:700;color:#4f6076;margin:13px 0 6px}.form-msg{min-height:20px;margin-top:10px;color:#c43a3a;font-size:13px}.setup-box,.warning-box{background:#fff7e8;border:1px solid #f2d7a3;border-radius:10px;padding:14px;margin:16px 0;color:#6d5120;line-height:1.5}.setup-box code{background:#fff;padding:3px 6px;border-radius:5px}.primary-btn.compact{width:auto;padding:10px 15px;margin:0}.wide{max-width:1400px}.user-table-wrap{overflow:auto;background:#fff;border:1px solid #e1e7ef;border-radius:13px;margin-top:18px}.user-table{width:100%;border-collapse:collapse;font-size:13px}.user-table th{background:#f3f6fa;color:#506176;text-align:left;padding:11px;border-bottom:1px solid #dfe6ef;white-space:nowrap}.user-table td{padding:12px;border-bottom:1px solid #edf1f5;vertical-align:top}.user-table td small{display:block;color:#7a8798;margin-top:3px}.user-table select{padding:7px;border:1px solid #d9e1ea;border-radius:7px}.perm-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:7px 12px;min-width:420px}.perm-grid label{white-space:nowrap;color:#44566f}.invite-box{display:grid;grid-template-columns:1fr 1fr 180px auto;gap:12px;align-items:end;background:#fff;border:1px solid #e1e7ef;border-radius:13px;padding:14px;margin-top:16px}.invite-box .field-label{margin-top:0}.invite-box .form-msg{grid-column:1/-1;margin:0}.warning-box{background:#fff4e5;border-color:#ffd49a}.simple-page .section-title>div p{margin:4px 0 0;color:#6b7890}@media(max-width:900px){.invite-box{grid-template-columns:1fr}.perm-grid{min-width:360px}}