*{box-sizing:border-box;margin:0;padding:0}body{background:#eef1f6;font-family:-apple-system,Segoe UI,Arial,sans-serif}.auth-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{text-align:center;background:#fff;border:1px solid #e7e9f0;border-radius:18px;width:100%;max-width:380px;padding:32px 28px}.auth-logo{margin-bottom:6px;font-size:26px;font-weight:800}.auth-logo span{color:#6470d8}.auth-sub{color:#5b6172;margin-bottom:24px;font-size:14px}.auth-tabs{background:#eef1f6;border-radius:12px;gap:8px;margin-bottom:20px;padding:4px;display:flex}.auth-tabs button{color:#5b6172;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:10px;font-size:14px;font-weight:600}.auth-tabs button.active{color:#6470d8;background:#fff;box-shadow:0 1px 3px #00000014}.auth-form{text-align:left;flex-direction:column;gap:12px;display:flex}.auth-form label{color:#5b6172;margin-bottom:-6px;font-size:13px}.auth-form input{color:#1a1a2e;opacity:1;-webkit-text-fill-color:#1a1a2e;background:#fff;border:1px solid #e0e3ec;border-radius:10px;width:100%;padding:13px 14px;font-size:15px}.auth-form input:-webkit-autofill{-webkit-text-fill-color:#1a1a2e;-webkit-box-shadow:inset 0 0 0 100px #fff}.auth-form input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a2e;-webkit-box-shadow:inset 0 0 0 100px #fff}.auth-form input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a2e;-webkit-box-shadow:inset 0 0 0 100px #fff}.auth-form .submit{color:#fff;cursor:pointer;background:#6470d8;border:none;border-radius:10px;margin-top:6px;padding:14px;font-size:16px;font-weight:600}.auth-note{color:#5b6172;margin-top:14px;font-size:13px}.auth-note a{color:#6470d8;font-weight:600}.app{min-height:100vh;display:flex}.overlay{z-index:40;background:#0006;position:fixed;inset:0}.sidebar{background:#fff;border-right:1px solid #e7e9f0;flex-direction:column;flex-shrink:0;width:240px;padding:22px 16px;display:flex}.logo{justify-content:space-between;align-items:center;margin-bottom:20px;padding-left:6px;font-size:24px;font-weight:800;display:flex}.logo span{color:#6470d8}.logo .close-menu{color:#5b6172;cursor:pointer;background:0 0;border:none;font-size:22px;display:none}.profile{text-align:center;border:1px solid #e7e9f0;border-radius:14px;margin-bottom:22px;padding:16px 14px}.avatar{color:#6470d8;background:#e6f1fb;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 8px;font-size:28px;display:flex}.profile .name{font-size:15px;font-weight:700}.profile .id{color:#9aa0ac;margin-top:2px;font-size:13px}.menu{flex-direction:column;gap:4px;display:flex}.menu a{color:#5b6172;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;font-weight:500;display:flex}.menu a.active{color:#6470d8;background:#e6f1fb}.menu.bottom{margin-top:auto;padding-top:20px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e7e9f0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.burger{color:#1a1a2e;cursor:pointer;background:0 0;border:none;font-size:24px;display:none}.topbar .right{align-items:center;gap:14px;margin-left:auto;display:flex}.btn-plan{color:#fff;cursor:pointer;background:#6470d8;border:none;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600}.logout{color:#5b6172;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:500}.tabs{background:#fff;border-bottom:1px solid #e7e9f0;gap:24px;padding:14px 24px 0;display:flex;overflow-x:auto}.tabs .tab{color:#9aa0ac;white-space:nowrap;cursor:pointer;padding-bottom:14px;font-size:15px;font-weight:600}.tabs .tab.active{color:#6470d8;border-bottom:3px solid #6470d8}.content{padding:24px}.toolbar{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.search{flex:1;min-width:180px}.search input{color:#1a1a2e;background:#fff;border:1px solid #e0e3ec;border-radius:12px;width:100%;height:46px;padding:0 16px;font-size:15px}.filter{color:#5b6172;background:#fff;border:1px solid #e0e3ec;border-radius:12px;height:46px;padding:0 14px;font-size:15px}.btn-create{color:#fff;cursor:pointer;background:#6470d8;border:none;border-radius:12px;height:46px;padding:0 22px;font-size:15px;font-weight:600}.stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{background:#fff;border:1px solid #e7e9f0;border-radius:14px;padding:18px}.stat .label{color:#9aa0ac;font-size:13px}.stat .num{margin-top:6px;font-size:28px;font-weight:700}.table{background:#fff;border:1px solid #e7e9f0;border-radius:14px;overflow:visible}.table .thead{border-radius:14px 14px 0 0}.table .trow:last-child{border-radius:0 0 14px 14px}.thead,.trow{grid-template-columns:2fr 1.6fr 1.3fr 1fr .9fr;align-items:center;gap:10px;padding:16px 20px;display:grid}.thead{color:#9aa0ac;text-transform:uppercase;letter-spacing:.3px;background:#f7f8fb;font-size:12px}.trow{border-top:1px solid #eef0f5;font-size:15px}.trow .lname{font-weight:600}.muted{color:#b3b8c4}.sub{color:#5b6172}.badge{border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.badge.pub{color:#0f6e56;background:#e1f5ee}.badge.draft{color:#8a8f9c;background:#f1efe8}.edit{color:#6470d8;text-align:left;cursor:pointer;background:0 0;border:none;font-weight:600}.cards{flex-direction:column;gap:12px;display:none}.lcard{background:#fff;border:1px solid #e7e9f0;border-radius:14px;padding:16px}.lcard .top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lcard .lname{font-size:16px;font-weight:700}.lcard .row{justify-content:space-between;padding:5px 0;font-size:14px;display:flex}.lcard .row .k{color:#9aa0ac}.lcard .edit{text-align:center;background:#e6f1fb;border-radius:10px;width:100%;margin-top:10px;padding:11px;display:block}.gal-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.gf{color:#5b6172;cursor:pointer;background:#fff;border:1px solid #e0e3ec;border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600}.gf.active{color:#fff;background:#6470d8;border-color:#6470d8}.gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.tpl{background:#fff;border:1px solid #e7e9f0;border-radius:14px;transition:transform .12s,box-shadow .12s;overflow:hidden}.tpl:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000014}.tpl-prev{justify-content:center;align-items:center;height:130px;font-size:36px;display:flex}.tpl-prev.p-blue{color:#185fa5;background:#e6f1fb}.tpl-prev.p-green{color:#0f6e56;background:#e1f5ee}.tpl-prev.p-amber{color:#854f0b;background:#faeeda}.tpl-prev.p-empty{color:#9aa0ac;background:#eef1f6}.tpl-body{padding:14px}.tpl-name{font-size:15px;font-weight:700}.tpl-desc{color:#5b6172;margin:3px 0 12px;font-size:13px}.tpl-btn{color:#fff;cursor:pointer;background:#6470d8;border:none;border-radius:10px;width:100%;padding:11px;font-size:14px;font-weight:600}.tpl-btn.ghost{color:#1a1a2e;background:#eef1f6;border:1px solid #e7e9f0}@media (prefers-color-scheme:dark){:root{--text:#12161d;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}.landing-page{font-family:var(--lp-font,Roboto, system-ui, sans-serif);color:#222}.landing-page *{font-family:inherit}.landing-page [contenteditable]{font-family:var(--lp-font,Roboto, system-ui, sans-serif)!important}.lp-editable{cursor:text;min-height:1em;color:inherit;background:0 0;border-radius:4px;outline:none;transition:box-shadow .15s}.lp-editable:hover{box-shadow:0 0 0 1px #2d6cdf4d}.lp-editable:focus{background:#2d6cdf0a;box-shadow:0 0 0 2px #6470d8}.deep-section{border-top:1px dashed #d0d5e0;border-bottom:1px dashed #0000;transition:border-color .2s;position:relative}.deep-section:first-child{border-top-color:#0000}.deep-section:hover,.deep-section.active{border-top-color:#6470d8;border-bottom-color:#6470d8}.deep-section:before{content:"";pointer-events:none;border-top:1px dashed #d0d5e0;position:absolute;top:-1px;left:-9999px;right:-9999px}.deep-section:first-child:before{display:none}.deep-section:hover:before,.deep-section.active:before{border-top-color:#6470d8}.deep-type-label{color:#fff;opacity:0;pointer-events:none;z-index:10;white-space:nowrap;background:#6470d8;border-radius:14px;padding:4px 14px;font-size:12px;font-weight:600;transition:opacity .2s;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.deep-section:hover .deep-type-label,.deep-section.active .deep-type-label{opacity:1}.deep-controls{opacity:0;pointer-events:none;z-index:10;gap:8px;transition:opacity .2s;display:flex;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.deep-section:hover .deep-controls,.deep-section.active .deep-controls{opacity:1;pointer-events:auto}.deep-ctrl{cursor:pointer;color:#1a1a2e;background:#fff;border:1px solid #e7e9f0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex;box-shadow:0 2px 8px #00000014}.deep-ctrl:hover{background:#f4f6fa}.deep-ctrl.primary{color:#fff;background:#6470d8;border-color:#6470d8}.deep-ctrl.danger{color:#e63946}.deep-ctrl.danger:hover{background:#fdebed}.deep-ctrl:disabled{opacity:.4;cursor:not-allowed}.deep-color-wrap{border-left:1px solid #e7e9f0;border-right:1px solid #e7e9f0;align-items:center;margin:0 4px;padding:0 10px;display:flex;position:relative}.deep-color-trigger{cursor:pointer;border:2px solid #e7e9f0;border-radius:10px;width:32px;height:32px;padding:0;transition:border-color .15s,transform .12s}.deep-color-trigger:hover{border-color:#6470d8;transform:scale(1.05)}.deep-color-popup{z-index:50;background:#fff;border:1px solid #e7e9f0;border-radius:16px;flex-direction:column;gap:14px;width:240px;padding:16px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000002e}.deep-color-popup .react-colorful{width:100%!important;height:180px!important}.deep-color-popup .react-colorful__saturation{border-radius:10px 10px 0 0}.deep-color-popup .react-colorful__hue{border-radius:0 0 10px 10px;height:16px}.deep-color-section{flex-direction:column;gap:8px;display:flex}.deep-color-section-title{color:#5b6172;font-size:13px;font-weight:600}.deep-color-row{flex-wrap:wrap;gap:8px;display:flex}.deep-color-sw{cursor:pointer;border:2px solid #0000;border-radius:8px;width:32px;height:32px;padding:0;transition:transform .12s,border-color .15s}.deep-color-sw:hover{transform:scale(1.1)}.deep-color-sw.active{border-color:#6470d8}.deep-done{color:#fff;cursor:pointer;background:#6470d8;border:none;border-radius:16px;padding:11px 24px;font-size:14px;font-weight:700}.deep-done:disabled{cursor:wait;background:#b3b8c4}.deep-font{color:#1a1a2e;cursor:pointer;background:#f4f6fa;border:1px solid #e0e3ec;border-radius:16px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500}.deep-font:focus{border-color:#6470d8}.deep-textbar{z-index:30;background:#fff;border-radius:24px;flex-wrap:wrap;align-items:center;gap:4px;max-width:90vw;margin-left:120px;padding:8px 10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000026}@media (width<=600px){.deep-textbar{margin-left:0}}.tb-btn{cursor:pointer;color:#1a1a2e;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.tb-btn:hover{background:#f4f6fa}.tb-btn:active{background:#e7e9f0}.tb-color{cursor:pointer;position:relative}.tb-color-input{opacity:0;cursor:pointer;border:none;padding:0;position:absolute;inset:0}.tb-size-wrap{position:relative}.tb-size-btn{cursor:pointer;color:#1a1a2e;background:#f4f6fa;border:1px solid #e7e9f0;border-radius:10px;align-items:center;gap:4px;height:36px;padding:0 12px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.tb-size-btn:hover{background:#e7e9f0}.tb-size-arrow{color:#5b6172;font-size:10px}.tb-size-popup{z-index:60;background:#fff;border:1px solid #e7e9f0;border-radius:12px;flex-direction:column;gap:2px;min-width:100px;padding:6px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.tb-size-item{cursor:pointer;text-align:left;color:#1a1a2e;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px}.tb-size-item:hover{background:#f4f6fa}.tb-size-item.active{color:#3abcd9;background:#e6f1fb;font-weight:600}.tb-sep{background:#e7e9f0;width:1px;height:22px;margin:0 4px}.img-hover-overlay{opacity:0;cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .2s,background .2s;display:flex;position:absolute;inset:0}.img-hover-overlay:hover,.img-uploader-wrap:hover .img-hover-overlay{opacity:1;background:#00000059}.img-hover-icon{filter:drop-shadow(0 2px 8px #0006);font-size:36px;animation:1.2s ease-in-out infinite pulse-cam}.img-hover-label{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600}@keyframes pulse-cam{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}@media (width<=1023px){.adp-controls{background:#00000080;justify-content:flex-end;padding:8px;opacity:1!important;pointer-events:auto!important;display:flex!important;position:relative!important;top:auto!important;right:auto!important}.adp-type-label{margin:8px;display:inline-flex;opacity:1!important;position:relative!important;top:auto!important;left:auto!important}.adp-section{border-bottom:2px solid #6470d8}}*,:before,:after{box-sizing:border-box}body{margin:0}#root{width:100%;max-width:100%;min-height:100vh}