/* Vistio Business Premium UX 0.2 · Estilos de la aplicación */
:root{color-scheme:dark;--bg:#0c0e12;--surface:#15171c;--surface2:#1b1e24;--surface3:#202229;--line:#303139;--muted:#9d9fa9;--muted2:#777b87;--text:#f5f3ef;--gold:#cdb080;--gold-light:#efddba;--gold-dark:#917348;--danger:#f0a7a7;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.65}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}::selection{background:#ad8b57;color:#101115}[hidden]{display:none!important}.wrap{width:min(1310px,calc(100% - 64px));margin-inline:auto}.muted{color:var(--muted)}.tiny{font-size:10px}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:850;color:var(--gold);text-transform:uppercase}.button{background:linear-gradient(115deg,#f0d9af 0%,#c9a36f 100%);border:1px solid #e6c896;color:#161310;font-size:12px;font-weight:850;letter-spacing:.01em;border-radius:10px;min-height:46px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:16px;text-decoration:none;transition:transform .2s,filter .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.075)}.button.small{min-height:39px;padding:9px 17px}.button.outline{background:transparent;color:var(--text);border:1px solid #58514d}.button.ghost{background:#202228;color:var(--gold-light);border:1px solid #454142}.button.full{width:100%}.header{width:min(1410px,calc(100% - 64px));height:88px;margin:auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brandmark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #6b5d49;border-radius:12px;color:#fff;font-size:25px;font-weight:900;letter-spacing:-.14em;background:linear-gradient(150deg,#383128,#15161a);box-shadow:inset 0 1px #ffffff13}.brandmark span{color:var(--gold)}.brand-words{line-height:1.2;display:flex;flex-direction:column;gap:5px}.brand-words strong{letter-spacing:.24em;font-size:14px}.brand-words small{letter-spacing:.3em;color:var(--gold);font-size:8px}.headeractions{display:flex;align-items:center;gap:31px}.navlink{font-size:12px;color:#c1bec1;text-decoration:none;transition:color .2s}.navlink:hover{color:var(--gold-light)}
/* Landing */
.hero{min-height:750px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;padding:70px 0 110px}.signal-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 19px var(--gold)}.hero h1{font-size:clamp(68px,7.5vw,112px);line-height:.97;letter-spacing:-.085em;font-weight:670;margin:31px 0 28px}.hero h1 .accent{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:var(--gold-light);letter-spacing:-.09em}.lead{max-width:530px;color:#b1b0b6;line-height:1.8;font-size:16px}.heroactions{display:flex;gap:12px;margin:33px 0 18px;flex-wrap:wrap}.smallnote{font-size:11px;color:#85848c;margin:19px 0}.small-spark{color:var(--gold);margin-right:8px}.hero-art{height:600px;position:relative;isolation:isolate}.art-halo{position:absolute;inset:20% 5% 10%;background:radial-gradient(circle,#97744347,transparent 68%);filter:blur(35px);z-index:-1}.art-tag,.art-bottom-tag{position:absolute;color:#b1a99d;font-size:9px;letter-spacing:.26em;z-index:2}.art-tag{left:10%;top:0}.art-bottom-tag{right:0;bottom:0}.art-bottom-tag span{color:var(--gold)}.hero-card-tilt{position:absolute;top:52px;left:13%;width:min(68%,360px);border:1px solid #615748;border-radius:21px;background:linear-gradient(145deg,#24242a,#111318);box-shadow:28px 30px 80px #000b;transform:rotate(-7deg);overflow:hidden}.hero-card-top{height:56px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#e2d4b9}.hero-card-top b{font-weight:500;color:var(--gold)}.hero-card-top span:last-child{font-size:8px;color:#9c9487}.hero-card-banner{height:173px;background:linear-gradient(125deg,#7f6c54,#2a282a 60%,#1a1d23);padding:30px;position:relative;overflow:hidden}.hero-card-banner>span{position:relative;z-index:1;font-size:22px;line-height:1.08;letter-spacing:-.05em;font-weight:750}.hero-card-orbit{position:absolute;right:-83px;top:-132px;width:300px;height:300px;border:1px solid #e4ccaa7a;border-radius:50%;box-shadow:0 0 0 44px #ceb18518,0 0 0 91px #ceb18512}.hero-card-avatar{display:grid;place-items:center;width:73px;height:73px;border-radius:21px;background:#d6b885;color:#27211a;font-size:19px;font-weight:800;border:5px solid #1a1b20;position:relative;margin:-35px 0 0 30px;z-index:1}.hero-card-content{padding:18px 30px 32px}.hero-card-content small{color:var(--gold);font-size:9px;letter-spacing:.18em}.hero-card-content h2{font-size:32px;line-height:1.09;letter-spacing:-.06em;margin:13px 0}.hero-card-content p{font-size:11px;color:#aca7aa}.hero-card-links{display:flex;gap:8px;margin-top:25px}.hero-card-links span{background:#b89b70;color:#231b12;border-radius:7px;padding:9px 12px;font-size:10px;font-weight:800}.hero-card-links span+span{border:1px solid #696055;background:transparent;color:#dfd7ca}.floating-sample{position:absolute;background:#1c1d23;border:1px solid #56504a;border-radius:15px;padding:15px;z-index:2;box-shadow:0 18px 50px #0008}.floating-sample>span{display:block;color:var(--gold);font-size:9px;letter-spacing:.15em;font-weight:800}.floating-sample small{display:block;color:#a6a2a7;font-size:9px}.sample-qr{right:-2%;top:30%;width:174px;transform:rotate(9deg)}.fake-qr{height:105px;width:105px;margin:10px auto;background-color:white;border:9px solid white;background-image:linear-gradient(90deg,#111 24%,transparent 24%,transparent 48%,#111 48%,#111 64%,transparent 64%),linear-gradient(#111 24%,transparent 24%,transparent 48%,#111 48%,#111 64%,transparent 64%);background-size:21px 21px;image-rendering:pixelated;position:relative}.fake-qr:before,.fake-qr:after{content:"";position:absolute;width:22px;height:22px;border:6px solid #111;background:#fff}.fake-qr:before{left:1px;top:1px}.fake-qr:after{right:1px;bottom:1px}.sample-collection{right:0;bottom:10%;width:220px;transform:rotate(4deg);background:linear-gradient(130deg,#756655,#312e2d 65%,#202126);padding:20px}.sample-collection b{display:block;font-size:23px;letter-spacing:-.045em;line-height:1.15;margin:12px 0 18px}.marquee{height:64px;border-block:1px solid #343036;background:#111217;overflow:hidden;display:flex;align-items:center}.marquee-track{display:flex;align-items:center;gap:50px;white-space:nowrap;min-width:100%;width:max-content;justify-content:space-around}.marquee span{font-size:10px;color:#98939b;font-weight:850;letter-spacing:.3em}.marquee i{font-style:normal;color:var(--gold);font-size:14px}.section{padding:120px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.sectionhead h2{font-size:clamp(34px,4.5vw,61px);line-height:1.1;letter-spacing:-.06em;font-weight:650;margin:19px 0 0}.sectionhead h2 span{color:var(--gold-light);font-family:Georgia,serif;font-weight:400;font-style:italic}.sectionhead p{max-width:330px;color:#a2a1a9;font-size:13px;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature{background:#15171d;border:1px solid #35353e;border-radius:16px;overflow:hidden;padding:18px 18px 25px;transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-5px);border-color:#87714e}.feature-bar{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:#aba5a2;margin:5px 4px 18px}.feature-bar span+span{font-size:17px;color:var(--gold)}.feature-picture{height:255px;border-radius:10px;position:relative;display:grid;place-items:center;overflow:hidden}.feat-business{background:radial-gradient(circle at 70% 15%,#ac8e664d,transparent 57%),linear-gradient(145deg,#3b3737,#1c2027)}.business-mini{width:185px;height:231px;background:linear-gradient(150deg,#252630,#14141b);border:1px solid #927d5a;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;padding:26px 18px;color:#ede7e1;box-shadow:15px 23px 30px #0007;transform:rotate(-9deg)}.business-mini i{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#b89a6d;color:#161518;font-size:14px;font-style:normal;font-weight:800;margin-bottom:25px}.business-mini b{font-size:18px;line-height:1.1}.business-mini small{font-size:9px;color:#aaa3a4;margin-top:8px}.business-mini span{margin-top:auto;background:#c2a173;color:#211910;padding:8px 12px;border-radius:5px;font-size:8px;font-weight:850}.feat-qr{background:radial-gradient(circle at center,#8f815444,#151b21 68%)}.qr-graphic{padding:17px;background:#f4f2ed;border-radius:12px;transform:rotate(6deg);box-shadow:10px 14px 30px #0006}.qr-graphic .fake-qr{margin:0;height:134px;width:134px;background-size:22px 22px}.qr-graphic small{color:#222;display:block;text-align:center;font-size:8px;font-weight:900;letter-spacing:.12em;margin-top:9px}.qr-spark{position:absolute;right:12%;top:18%;font-size:42px;color:var(--gold)}.feat-catalog{background:linear-gradient(135deg,#5a4c44,#2c2528 55%,#18191e)}.catalog-mini{width:216px;height:220px;background:#eae0cd;color:#292725;border-radius:2px;transform:rotate(8deg);padding:21px;box-shadow:15px 19px 30px #0005;display:flex;flex-direction:column}.catalog-mini small{letter-spacing:.13em;font-size:8px}.catalog-mini b{font-size:32px;line-height:1.05;letter-spacing:-.055em;margin-top:37px}.catalog-mini span{font-size:8px;letter-spacing:.1em;margin-top:auto}.feature h3{font-size:21px;letter-spacing:-.03em;margin:23px 4px 6px}.feature p{font-size:12px;color:#aaa9b1;line-height:1.75;margin:0 4px 3px}.experience-section{background:linear-gradient(130deg,#1e1d1f,#15161c 65%);border-block:1px solid #3d3938;padding:110px 0}.experience-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:85px}.experience-copy h2{font-size:clamp(38px,4.5vw,61px);letter-spacing:-.065em;line-height:1.1;font-weight:630;margin:19px 0}.experience-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold-light)}.experience-copy p{max-width:510px;color:#acadb3;line-height:1.85}.experience-steps{margin:33px 0;display:flex;flex-direction:column;border-top:1px solid #464247}.experience-steps>div{border-bottom:1px solid #464247;padding:15px 0;display:flex;gap:27px;align-items:center;font-size:13px}.experience-steps strong{font-size:12px;color:var(--gold)}.experience-window{border:1px solid #5a524a;border-radius:16px;background:#101116;box-shadow:25px 35px 75px #0008;overflow:hidden;transform:perspective(900px) rotateY(-7deg) rotateX(2deg)}.window-head{height:45px;border-bottom:1px solid #3b3c45;padding:0 20px;display:flex;justify-content:space-between;align-items:center;color:#938b83;font-size:9px;letter-spacing:.15em}.window-body{display:grid;grid-template-columns:58px 1fr;min-height:350px}.window-side{border-right:1px solid #333740;display:flex;flex-direction:column;gap:20px;padding:30px 19px}.window-side div{width:16px;height:16px;border-radius:4px;background:#37353a}.window-side div:first-child{background:var(--gold)}.window-content{padding:33px}.window-content>small{color:var(--gold);font-size:10px;letter-spacing:.18em}.window-content h3{font-size:24px;letter-spacing:-.055em;margin:11px 0 23px}.window-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.window-stats span{background:#202127;border:1px solid #3e3b3b;border-radius:10px;padding:12px}.window-stats b{display:block;font-size:26px}.window-stats small{display:block;color:#a39fa0;font-size:8px;letter-spacing:.11em}.window-blocks{margin-top:22px;display:grid;gap:9px}.window-blocks div{padding:13px 15px;background:#1d1f25;border:1px solid #3f3d3e;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:10px}.window-blocks span{color:#aaa2a2;font-size:9px}.window-blocks b{font-size:12px}.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.plan{position:relative;border:1px solid #393942;background:#15171d;padding:29px 24px 24px;border-radius:14px}.plan.recommended{background:linear-gradient(155deg,#352f26,#191a20 80%);border-color:#9e845c}.recommended-label{position:absolute;right:16px;top:-12px;padding:5px 12px;background:var(--gold);color:#181713;font-size:9px;font-weight:850;letter-spacing:.1em;border-radius:5px}.plan-type{color:#8d8c93;font-size:9px;letter-spacing:.18em}.plan h3{font-size:23px;margin:25px 0 0;letter-spacing:-.04em}.plan p{font-size:12px;color:#a9a5a6;min-height:35px}.plan .price{font-size:29px;font-weight:800;letter-spacing:-.06em;margin:23px 0}.plan .price small{font-size:10px;color:#b0a9a4;letter-spacing:0;font-weight:500}.plan ul{list-style:none;padding:21px 0;margin:0 0 18px;border-top:1px solid #48434a;min-height:185px}.plan li{font-size:12px;color:#bebcc3;padding:7px 0}.plan li:before{content:'✓';color:var(--gold);margin-right:9px}.planbtn{width:100%;font-size:11px;padding-inline:8px}.footer{border-top:1px solid #34333b;padding:26px 0 47px;color:#84858e;font-size:11px;display:flex;gap:20px;justify-content:space-between}
/* WORKSPACE */
#workspace{background:#0e1014;min-height:100dvh;border-top:1px solid #25262d}.workspace-shell{display:grid;grid-template-columns:255px minmax(0,1fr);gap:42px;padding:30px 0 70px}.sidebar{border:1px solid #303138;background:#14161c;border-radius:17px;align-self:start;position:sticky;top:15px;min-height:calc(100dvh - 135px);padding:22px 14px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 23px;border-bottom:1px solid #303139;font-size:11px;letter-spacing:.15em;font-weight:850}.side-brand small{display:block;font-size:8px;color:var(--gold);letter-spacing:.22em;margin-top:4px}.smallmark{width:36px;height:36px;font-size:20px;border-radius:9px}.side-user{display:flex;align-items:center;gap:12px;padding:23px 8px}.side-user strong{display:block;font-size:11px;max-width:142px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.avatar{height:39px;width:39px;border-radius:12px;flex:none;display:grid;place-items:center;background:#3b352d;color:var(--gold);border:1px solid #68573e;font-weight:850}.side-label{font-size:9px;letter-spacing:.23em;color:#757780;padding:14px 13px 8px;font-weight:850}.sidenav{display:flex;flex-direction:column;gap:5px}.sidenav button{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;border-radius:9px;padding:11px 13px;background:transparent;color:#aaaab3;font-weight:600;font-size:12px;transition:background .18s,color .18s,border-color .18s}.sidenav button.active,.sidenav button:hover{background:#2c2929;border-color:#514637;color:var(--gold-light)}.nav-glyph{width:22px;text-align:center;font-size:18px;line-height:1}.sidebar-bottom{margin-top:auto}.side-help{border:1px solid #5c4d3b;background:linear-gradient(140deg,#363026,#211f22);border-radius:12px;padding:19px;margin:25px 3px 15px}.side-help span{font-size:9px;letter-spacing:.15em;color:var(--gold)}.side-help strong{display:block;font-size:15px;line-height:1.3;margin:10px 0}.side-help small{color:#b4a89a;font-size:10px}.logout{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:#a2a2aa;font-size:12px;padding:13px 9px}.logout:hover{color:var(--gold)}.workspace-body{min-width:0}.workspace-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303139;padding:13px 0 24px}.crumb-sep{color:#5c5a58;margin:0 10px}.workspace-right{display:flex;align-items:center;gap:15px}.workspace-online{font-size:9px;letter-spacing:.15em;color:#a6a3a1}.workspace-online i{display:inline-block;background:#8dcc98;width:6px;height:6px;border-radius:50%;margin-right:7px}.chip{border:1px solid #63533e;color:var(--gold);font-size:10px;letter-spacing:.11em;font-weight:900;border-radius:8px;padding:8px 13px}.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:36px 0 29px}.view-title{font-size:clamp(29px,3vw,43px);line-height:1.13;letter-spacing:-.06em;font-weight:650;margin:9px 0 8px}.view-sub{color:var(--muted);font-size:13px;margin:0;line-height:1.7}.view-kicker{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:850}.view-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat{background:linear-gradient(150deg,#1b1d24,#16181e);border:1px solid #383941;border-radius:14px;padding:23px;min-height:151px;position:relative;overflow:hidden}.stat:before{content:'';position:absolute;width:125px;height:125px;border-radius:50%;right:-70px;top:-70px;background:var(--gold);filter:blur(60px);opacity:.09}.stat-head{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a7a7ad;font-size:10px;letter-spacing:.14em;font-weight:700}.stat-symbol{display:grid;place-items:center;font-size:21px;width:32px;height:32px;color:var(--gold);border:1px solid #5c4d3c;border-radius:8px}.stat .number{font-size:42px;font-weight:670;letter-spacing:-.07em;margin-top:13px;line-height:1}.stat .hint{font-size:11px;color:#8e8e99;margin-top:10px}.dashboard-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:center;background:linear-gradient(120deg,#302a25,#1c1d23 65%,#15171d);border:1px solid #5b4c3b;border-radius:15px;margin-bottom:22px;padding:32px;overflow:hidden;position:relative}.dashboard-hero:after{content:'';position:absolute;border:1px solid #ae936d30;width:310px;height:310px;border-radius:50%;right:-95px;top:-130px;box-shadow:0 0 0 47px #a98c5a0b,0 0 0 91px #a98c5a08;pointer-events:none}.dashboard-hero h2{font-size:30px;line-height:1.15;letter-spacing:-.06em;font-weight:630;margin:15px 0 13px}.dashboard-hero p{color:#b9b2b0;line-height:1.7;font-size:12px;max-width:520px}.dashboard-hero .actions{justify-content:end;z-index:1}.infobox,.formbox,.data-list,.ui-panel{border:1px solid #35353d;background:#17191f;border-radius:15px;padding:24px;margin-top:20px}.infobox h3,.formbox h3,.data-list h3{margin:0}.infobox p{color:var(--muted);font-size:13px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.wraprow{flex-wrap:wrap}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.actions button,.mini-btn{border-radius:8px;border:1px solid #494a52;background:#25272e;color:#e9e5df;font-size:11px;padding:9px 12px;font-weight:700}.actions button:hover,.mini-btn:hover{border-color:var(--gold)}.actions .danger{color:#f1a5a5}.infobox .actions button:first-child{background:var(--gold);color:#17171c;border-color:var(--gold)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.module-card{display:flex;flex-direction:column;min-height:180px;background:#181b21;border:1px solid #363841;border-radius:13px;padding:20px;text-align:left;color:var(--text);transition:transform .2s,border-color .2s}.module-card:hover{border-color:#9d845e;transform:translateY(-3px)}.module-card .module-icon{font-size:23px;color:var(--gold)}.module-card strong{font-size:14px;margin-top:20px}.module-card small{font-size:11px;color:var(--muted);line-height:1.55}.module-card>span:last-child{color:var(--gold);font-size:12px;margin-top:auto;align-self:end}.section-divider{font-size:10px;font-weight:850;letter-spacing:.18em;color:var(--muted);margin-top:30px}.resource-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:14px 0 20px}.resource-limit{font-size:11px;color:#b5afb0}.data-list>.list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.data-list .list-header h3{font-size:15px}.data-list .list-header small{color:var(--muted);font-size:11px}.data-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 0;border-bottom:1px solid #33353e}.data-item:last-child{border-bottom:none}.data-item .resource-art{flex:none;height:62px;width:62px;display:grid;place-items:center;border:1px solid #57503f;background:linear-gradient(130deg,#5c4c38,#242329);border-radius:11px;color:var(--gold-light);font-size:20px;font-weight:800;overflow:hidden}.data-item .resource-art.qr-art{background:#f4f1ec;padding:5px}.data-item .resource-art img{width:100%;height:100%;object-fit:contain}.data-info{flex:1;min-width:0}.data-item h3{font-size:14px;margin:0 0 4px;line-height:1.3}.data-item p{font-size:11px;color:#9e9ea8;margin:0 0 3px;overflow-wrap:anywhere}.data-item a{font-size:11px;color:var(--gold);overflow-wrap:anywhere;text-decoration:none}.data-item .actions{justify-content:flex-end}.empty-state{padding:65px 20px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;border:1px dashed #494650;border-radius:12px;margin-top:16px}.empty-icon{height:64px;width:64px;border-radius:18px;display:grid;place-items:center;background:#27252a;border:1px solid #62543d;font-size:31px;color:var(--gold)}.empty-state h4{font-size:17px;margin:10px 0 0}.empty-state p{color:var(--muted);max-width:390px;font-size:12px;margin:0 0 9px}.data-list .empty{font-size:12px;color:var(--muted);padding:15px}.formbox{padding:0;overflow:hidden;scroll-margin-top:30px}.formbox-head{padding:25px 29px;border-bottom:1px solid #34353e;background:#1d1f26}.formbox-head .eyebrow{font-size:9px}.formbox-head h3{font-size:22px;letter-spacing:-.04em;margin:9px 0 5px}.formbox-head p{font-size:12px;color:var(--muted);margin:0}.formbox form{padding:25px 29px}.formbox label,.modal-panel label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:750;color:#dad6d4;margin:0 0 16px}.formbox label span{font-size:10px;color:var(--muted)}.formbox input,.formbox textarea,.formbox select,.modal-panel input{width:100%;padding:12px 14px;min-height:44px;border-radius:9px;border:1px solid #484954;background:#111319;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.formbox input:focus,.formbox textarea:focus,.formbox select:focus,.modal-panel input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b58e4c21}.formbox textarea{min-height:92px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.formbox .helper{font-size:11px;color:var(--muted);margin:8px 0 18px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.editor-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(240px,.88fr);gap:22px}.editor-preview{position:sticky;top:20px;align-self:start;border:1px solid #44424a;border-radius:14px;background:radial-gradient(circle at 50% 0%,#604c3427,transparent 65%),#111319;padding:23px 15px}.editor-preview>span{display:block;font-size:10px;letter-spacing:.18em;color:var(--gold);margin-bottom:18px}.preview-card{margin:auto;max-width:285px;border:1px solid #6c5d46;background:#1d1d22;border-radius:15px;overflow:hidden;box-shadow:0 13px 35px #0006}.preview-cover{height:85px;background:radial-gradient(circle at 72% 5%,#b5a07876,transparent 58%),#29282a;position:relative}.preview-cover:before{content:'';position:absolute;width:120px;height:120px;right:-15px;top:-88px;border:1px solid #d3b78750;border-radius:50%;box-shadow:0 0 0 22px #c4a37313}.preview-card-inner{padding:0 19px 19px}.preview-photo{display:grid;place-items:center;margin:-25px 0 16px;width:55px;height:55px;border-radius:16px;background:#c6a774;color:#1c1915;border:4px solid #202126;font-size:16px;font-weight:850;position:relative;overflow:hidden}.preview-photo img{width:100%;height:100%;object-fit:cover}.preview-company{color:#cdb080;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.preview-card h4{font-size:25px;letter-spacing:-.06em;line-height:1.11;margin:8px 0}.preview-role{font-size:10px;color:#b5a99a;margin:0 0 17px}.preview-card-link{background:#d2b181;color:#201910;border-radius:6px;padding:8px;text-align:center;font-size:9px;font-weight:900}.editor-preview .preview-caption{font-size:10px;color:var(--muted);text-align:center;margin:15px 0 0}.editor-preview.theme-ocean .preview-card,.editor-preview.theme-ocean .preview-cover{border-color:#6092a4}.editor-preview.theme-ocean .preview-company{color:#84cbef}.editor-preview.theme-emerald .preview-company{color:#84d6af}.editor-preview.theme-rose .preview-company{color:#e6a9b2}.editor-preview.theme-onyx .preview-company{color:#e4e7f2}.editor-preview.theme-sand .preview-company{color:#e7cfaa}.catalog-products-editor{display:flex;flex-direction:column;gap:12px}.catalog-product-row{padding:18px;border:1px solid #41434a;background:#1a1c22;border-radius:11px}.catalog-product-row .product-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.catalog-product-row strong{color:var(--gold);font-size:11px;letter-spacing:.1em}.catalog-product-row .mini-btn{padding:5px 9px}.catalog-product-row .formgrid label{margin-bottom:11px}.catalog-note{padding:14px 16px;border:1px solid #494237;border-radius:9px;background:#27251f;font-size:11px;color:#c7b9a1;line-height:1.7}.catalog-swatches{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.catalog-swatches span{border:1px solid #59545b;border-radius:7px;padding:7px 9px;font-size:10px}.notice{border-left:3px solid var(--gold);background:#29261f;color:#e6dac7;padding:14px 16px;border-radius:0 9px 9px 0;font-size:12px;line-height:1.7}.billing-items .data-item{gap:30px}.billing-items .data-item>div{flex:1}.workspace-footer{border-top:1px solid #303139;margin-top:55px;padding-top:22px;font-size:9px;letter-spacing:.19em;color:#696d78}.workspace-footer span{color:var(--gold)}
/* Authentication */
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:#050608db;backdrop-filter:blur(9px)}.modal-panel{width:min(100%,440px);max-height:calc(100vh - 30px);overflow:auto;background:linear-gradient(140deg,#26252a,#181a20 70%);border:1px solid #776146;border-radius:19px;padding:40px;position:relative;z-index:1;box-shadow:0 35px 100px #000b}.auth-symbol{display:grid;place-items:center;width:56px;height:56px;border:1px solid #826b49;border-radius:14px;background:#3b352b;font-size:29px;font-weight:900;letter-spacing:-.13em;margin-bottom:27px}.auth-symbol span{color:var(--gold)}.modal-panel h2{font-size:34px;letter-spacing:-.06em;line-height:1.1;margin:13px 0 12px}.modal-panel p{font-size:12px;margin-bottom:27px}.modal-panel label{margin-bottom:19px}.modal-panel input{background:#121318}.modal-panel .full{margin-top:7px}.modal-close{position:absolute;right:19px;top:18px;font-size:18px;border:0;color:#c8c6c8;background:transparent}.auth-toggle{text-align:center;margin:23px 0 0!important;color:#a8a4a5}.auth-toggle button{border:0;background:none;color:var(--gold);font-weight:800}.toast{position:fixed;bottom:22px;right:22px;z-index:80;max-width:420px;border-radius:12px;padding:15px 19px;border:1px solid #9a7d55;background:#2a292b;color:var(--text);font-size:12px;box-shadow:0 17px 60px #000a}
@media(max-width:1200px){.hero{gap:12px}.hero h1{font-size:85px}.sample-qr{right:0}.plans{grid-template-columns:repeat(2,1fr)}.experience-grid{gap:35px}.workspace-shell{gap:25px;grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding:65px 0 90px}.hero-copy{max-width:700px}.hero-art{width:min(100%,650px);margin:auto}.experience-grid{grid-template-columns:1fr}.experience-window{transform:none;max-width:620px}.features{grid-template-columns:1fr 1fr}.features .feature:last-child{grid-column:span 2}.workspace-shell{grid-template-columns:1fr;display:block}.sidebar{position:relative;top:auto;min-height:0;margin-bottom:20px;padding:12px 14px}.side-brand,.side-label,.side-help{display:none}.side-user{padding:10px 5px}.sidenav{flex-direction:row;overflow:auto;gap:2px}.sidenav button{flex:none;padding:10px}.sidebar-bottom{margin:0}.logout{padding:8px 5px;width:auto}.statgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.wrap,.header{width:calc(100% - 34px)}.header{height:75px}.headeractions{gap:8px}.navlink{display:none}.brandmark{width:38px;height:38px;font-size:22px}.brand-words strong{font-size:12px}.brand-words small{font-size:7px}.hero{padding:47px 0 68px}.hero h1{font-size:clamp(53px,13vw,75px)}.lead{font-size:14px}.hero-art{height:495px}.hero-card-tilt{left:2%;width:70%;top:32px}.sample-qr{right:0;top:33%;width:136px;padding:9px}.sample-qr .fake-qr{height:78px;width:78px}.sample-collection{width:173px;bottom:4%}.sample-collection b{font-size:18px}.art-tag{left:3%}.art-bottom-tag{display:none}.section{padding:75px 0}.sectionhead{display:block;margin-bottom:30px}.sectionhead p{margin-top:18px}.features,.plans{grid-template-columns:1fr}.features .feature:last-child{grid-column:auto}.feature-picture{height:215px}.experience-section{padding:72px 0}.experience-copy h2{font-size:43px}.window-body{min-height:290px}.window-content{padding:18px}.window-content h3{font-size:19px}.window-side{padding:20px 13px}.window-body{grid-template-columns:40px 1fr}.window-stats span{padding:9px 6px}.window-stats b{font-size:20px}.window-stats small{font-size:7px}.window-blocks{display:none}.plans .plan ul{min-height:auto}.footer{flex-direction:column}.workspace-top{gap:10px;flex-wrap:wrap}.workspace-online{display:none}.view-head{margin:24px 0;align-items:start;flex-direction:column}.dashboard-hero{grid-template-columns:1fr;padding:22px}.dashboard-hero .actions{justify-content:start}.statgrid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.stat{min-height:135px;padding:16px}.stat .number{font-size:35px}.module-grid{grid-template-columns:1fr}.module-card{min-height:100px}.data-item{align-items:flex-start;flex-wrap:wrap}.data-item .actions{width:100%;justify-content:flex-start;margin-top:6px}.formgrid,.editor-split{grid-template-columns:1fr}.editor-preview{position:static}.formbox form,.formbox-head{padding:22px 18px}.modal-panel{padding:32px 24px}.workspace-shell{padding:13px 0 45px}.sidenav button{font-size:11px}.resource-topline{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature,.button,.module-card,.product-card{transition:none}}