:root{color:#17212b;background:#f5f7fa}html,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;min-width:360px;background:#f5f7fa;overflow:hidden}.loading-screen{display:grid;min-height:100vh;place-items:center}.login-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#12a7c81f,#10b9811a),#f5f7fa}.login-card{width:min(420px,100%);border-radius:8px;box-shadow:0 18px 54px #17212b1f}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:22px}.login-brand img{width:48px;height:48px;border-radius:8px}.login-brand h3{margin:0 0 2px}.login-alert{margin-bottom:16px}.admin-shell{height:100vh;overflow:hidden}.sidebar{height:100vh;border-right:1px solid rgba(255,255,255,.06);overflow:hidden}.sidebar .ant-layout-sider-children{display:flex;flex-direction:column;height:100%}.brand{display:flex;align-items:center;gap:10px;height:64px;padding:0 18px;color:#fff}.brand img{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#1bbfc8,#34d399)}.brand strong,.brand span{display:block;line-height:1.2}.brand strong{font-size:15px;font-weight:700}.brand span{margin-top:3px;color:#ffffff8f;font-size:12px}.side-menu{flex:1;border-inline-end:none!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.admin-main{min-width:0;height:100vh;overflow:hidden}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;border-bottom:1px solid #edf0f4}.admin-user{cursor:pointer}.page-tabs{height:42px;padding:0 16px;background:#fff;border-bottom:1px solid #edf0f4}.page-tabs .ant-tabs-nav{margin:0}.content{flex:1;min-height:0;padding:18px;overflow-x:hidden;overflow-y:auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.page-header h3{margin:0 0 4px}.section-card{margin-top:16px}.hint{margin-top:14px}.dashboard-alert{margin-bottom:16px}.dashboard-loading{display:grid;min-height:260px;place-items:center}.dashboard-page{display:flex;flex-direction:column;gap:16px}.dashboard-hero{overflow:hidden;border:none;background:linear-gradient(135deg,#22b8cf24,#34d3991f),#fff;box-shadow:0 14px 38px #17212b14}.dashboard-hero-main{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-hero-main h3{margin:0 0 6px}.dashboard-hero-foot{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;color:#17212b9e;font-size:13px}.dashboard-hero-foot span{display:inline-flex;align-items:center;gap:7px}.dashboard-hero-foot i{display:inline-block;width:12px;height:12px;border:1px solid rgba(23,33,43,.12);border-radius:50%}.dashboard-metric{min-height:138px;border:1px solid rgba(23,33,43,.06);border-radius:8px}.dashboard-metric .ant-card-body{padding:16px}.dashboard-metric-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.dashboard-metric-head span{display:grid;width:34px;height:34px;place-items:center;border-radius:8px}.dashboard-metric-head small{color:#17212b94;font-size:13px;font-weight:600}.dashboard-metric p{margin:8px 0 0;color:#17212b8f;font-size:12px}.dashboard-metric-cyan .dashboard-metric-head span{color:#0891b2;background:#22b8cf1f}.dashboard-metric-green .dashboard-metric-head span{color:#0f9f6e;background:#34d39924}.dashboard-metric-gold .dashboard-metric-head span{color:#b7791f;background:#f59e0b24}.dashboard-metric-blue .dashboard-metric-head span{color:#2563eb;background:#3b82f61f}.dashboard-metric-red .dashboard-metric-head span{color:#dc2626;background:#ef44441f}.dashboard-metric-purple .dashboard-metric-head span{color:#7c3aed;background:#7c3aed1f}.dashboard-grid-row{margin-top:0}.dashboard-card{height:100%;border-radius:8px}.dashboard-feature-list,.dashboard-health-list,.dashboard-user-list{display:flex;flex-direction:column;gap:12px}.dashboard-feature-row{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,1fr);gap:16px;padding:12px;background:#f8fafc;border:1px solid rgba(23,33,43,.05);border-radius:8px}.dashboard-feature-row strong,.dashboard-table-title strong,.dashboard-user-row strong{display:block;color:#17212b;font-weight:700}.dashboard-feature-row span,.dashboard-table-title span,.dashboard-user-row span,.dashboard-feature-progress small{display:block;margin-top:4px;color:#17212b94;font-size:12px}.dashboard-feature-progress{min-width:0}.dashboard-health-group{display:block;padding:13px;color:inherit;background:#f8fafc;border:1px solid rgba(23,33,43,.05);border-radius:8px}.dashboard-health-group:hover{color:inherit;border-color:#22b8cf47}.dashboard-health-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.dashboard-health-title span{color:#0891b2}.dashboard-health-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-health-items span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#17212b9e;font-size:12px}.dashboard-health-items b{color:#17212b}.dashboard-mini-icon{display:grid;width:26px;height:26px;place-items:center;color:#0891b2;background:#22b8cf1f;border-radius:7px}.dashboard-table-title{min-width:0}.dashboard-table-title strong,.dashboard-table-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-user-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(23,33,43,.06)}.dashboard-user-row:last-child{border-bottom:none}.dashboard-user-row>div{min-width:0}.dashboard-user-row>div:last-child{text-align:right}.dashboard-user-row b{display:block;color:#17212b}.dashboard-user-row small{display:block;color:#17212b85;font-size:12px}.thumb{object-fit:cover;border-radius:4px}.square-thumb,.avatar-thumb{object-fit:cover;border-radius:7px}.swatch{display:inline-block;width:22px;height:22px;border:1px solid rgba(0,0,0,.08);border-radius:5px}.mobile-preview{margin-top:18px;padding:18px;background:#fff;border:1px solid #edf0f4;border-radius:8px}.provider-card{border-radius:8px}.content-files-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.empty-file-preview{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;color:#17212b7a;background:#f6f8fb;border:1px solid #edf0f4;border-radius:8px}@media(max-width:900px){.content-files-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-preview-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 12px}.mobile-preview-title strong{font-size:16px}.mobile-preview-title span{color:#17212b94;font-size:13px}.ios-preview-shell{width:min(320px,100%);margin:16px auto 0;padding:8px;background:#1c2430;border:1px solid rgba(255,255,255,.22);border-radius:28px;box-shadow:0 20px 52px #17212b33}.ios-preview-screen{display:flex;flex-direction:column;aspect-ratio:390 / 844;overflow:hidden;color:#17212b;background:#f5f7fa;border-radius:22px}.ios-status-bar{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 22px;color:#111827;font-size:11px;font-weight:700;background:#f5f7fa}.ios-home-scroll{flex:1;overflow-y:auto;padding-bottom:12px;scrollbar-width:none}.ios-home-scroll::-webkit-scrollbar{display:none}.ios-banner{display:grid;height:126px;margin:10px 12px 0;overflow:hidden;place-items:center;color:#ffffffdb;font-size:15px;font-weight:700;background:linear-gradient(135deg,#22b8cf,#34d399);border-radius:12px}.ios-banner img{width:100%;height:100%;object-fit:cover}.ios-top-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin:12px 12px 0}.ios-top-card{display:flex;align-items:center;gap:8px;min-width:0;min-height:75px;padding:10px;background:#fff;border-radius:8px}.ios-top-card img{flex:0 0 auto;width:46px;height:46px;object-fit:cover;border-radius:10px}.ios-top-copy{min-width:0;flex:1}.ios-top-copy strong,.ios-top-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ios-top-copy strong{color:#17212b;font-size:15px;line-height:1.25}.ios-top-copy span{margin-top:5px;color:#17212b9e;font-size:11px}.ios-database-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 0;margin:12px 12px 0;padding:14px 8px;background:#fff;border-radius:10px}.ios-grid-tool{display:flex;align-items:center;min-width:0;min-height:78px;flex-direction:column;gap:7px}.ios-grid-icon{display:grid;width:50px;height:50px;padding:10px;overflow:hidden;place-items:center;border-radius:50%}.ios-grid-icon img{width:30px;height:30px;object-fit:contain}.ios-grid-title{display:-webkit-box;width:100%;height:32px;overflow:hidden;color:#17212bad;font-size:12px;line-height:16px;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ios-faq-list{margin:12px 12px 0;overflow:hidden;background:#fff;border-radius:10px}.ios-faq-heading,.ios-faq-row{display:flex;align-items:center;justify-content:space-between}.ios-faq-heading{padding:12px 14px;color:#17212b;font-size:15px;font-weight:700}.ios-faq-heading span{display:inline-flex;align-items:center;gap:6px}.ios-faq-heading small{color:#17212b85;font-size:12px;font-weight:500}.ios-faq-row{min-height:44px;padding:0 14px;border-top:1px solid rgba(23,33,43,.08)}.ios-faq-row span{min-width:0;overflow:hidden;color:#17212b;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ios-faq-row small{color:#17212b6b;font-size:18px}.ios-tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:68px;padding-top:7px;background:#fffffff5;border-top:1px solid rgba(23,33,43,.08)}.ios-tabbar div{display:flex;align-items:center;min-width:0;flex-direction:column;gap:3px;color:#17212b80;font-size:10px}.ios-tabbar div.active{color:#22b8cf;font-weight:700}.ios-tabbar span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:12px;border-top:1px solid #edf0f4}@media(max-width:768px){.page-header{display:block}.page-header .ant-space{margin-top:12px}.content{padding:12px}.dashboard-hero-main{display:block}.dashboard-hero-main .ant-space{margin-top:12px}.dashboard-feature-row{grid-template-columns:1fr}}