/* Marmo Studio — a quiet workspace with a little electric blue. */
.marmo-portal{--st-bg:#080f1c;--st-panel:#111d2e;--st-card:#142235;--st-line:#9bbfee20;--st-text:#edf3fc;--st-muted:#92a6c2;--st-blue:#83b6ff;--st-mint:#a2d7c6;--st-lilac:#c0b1ed;--st-sand:#e0c597;background:var(--st-bg);color:var(--st-text);font:14px/1.5 Inter,Arial,sans-serif;min-height:100vh;margin:0}
.marmo-portal *{box-sizing:border-box}.marmo-portal [hidden]{display:none!important}.marmo-portal button,.marmo-portal input,.marmo-portal select,.marmo-portal textarea{font:inherit}.marmo-portal button{cursor:pointer}.marmo-portal button:disabled{opacity:.55;cursor:wait}.marmo-portal a{color:inherit;text-decoration:none}.marmo-portal h1,.marmo-portal h2,.marmo-portal h3,.marmo-portal p{margin:0}.marmo-portal :focus-visible{outline:2px solid #95c2ff;outline-offset:4px}.marmo-portal svg{display:block;width:20px;height:20px;flex-shrink:0}.marmo-portal button,.marmo-portal a,.marmo-portal input{touch-action:manipulation}
.marmo-portal .portal-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px auto 0;padding:20px 28px;width:min(1240px,calc(100% - 48px));border:1px solid var(--st-line);border-radius:24px;background:#0b192cbb;backdrop-filter:blur(16px)}.studio-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.studio-brand>img{width:38px;height:auto}.studio-brand>span{font-size:12px;font-weight:500;line-height:1.08;letter-spacing:-.03em}.studio-brand strong{display:block;font-weight:650;font-size:16px;line-height:1.25}.brand-studio{font-weight:450;color:var(--st-muted);font-size:12px}.back-web{font-size:12px;color:var(--st-muted)!important}.back-web span{margin-left:16px}.marmo-portal .language-control{margin-left:auto}.marmo-portal .language-select{background:transparent;font-size:10px}
.portal-auth{width:min(1160px,calc(100% - 64px));margin:90px auto 50px;display:grid;grid-template-columns:1fr 440px;align-items:start;gap:90px;position:relative}.portal-auth:before{content:'';position:fixed;inset:0;background:linear-gradient(90deg,#061329a8,#07152c40),url('assets/img/marmo-flow.svg') center/cover;z-index:-1;opacity:.8;pointer-events:none}.studio-eyebrow{display:block;font-size:10px;font-weight:550;letter-spacing:.13em;color:#93acd0;line-height:1.5}.portal-auth h1{font-size:clamp(46px,5.5vw,78px);letter-spacing:-.065em;line-height:1.03;font-weight:530;margin:26px 0}.portal-auth h1>span{color:#8da8cc}.portal-auth-intro>p{font-size:15px;line-height:1.8;max-width:33ch;color:#a7bbd7}.auth-art{position:relative;height:235px;display:grid;place-items:center;max-width:400px;margin-top:30px;isolation:isolate}.auth-art>img{width:90px;height:auto;transform:rotate(-12deg);filter:drop-shadow(0 20px 35px #428dff30)}.art-orbit{position:absolute;border:1px solid #80adf236;border-radius:50%;width:330px;height:105px;transform:rotate(-15deg);z-index:-1}.orbit-two{transform:rotate(24deg);width:250px;height:170px;opacity:.45}.art-tag{position:absolute;bottom:0;font-size:10px;color:#7893b9;letter-spacing:.02em}
.marmo-portal .portal-card,.marmo-portal .studio-surface{background:linear-gradient(130deg,#17263a,#111c2c);border:1px solid var(--st-line);border-radius:23px;padding:26px;margin:0;box-shadow:0 8px 35px #02071010}.marmo-portal .auth-forms .portal-card{padding:32px;background:#101e32ed;box-shadow:0 25px 80px #02071225}.marmo-portal .portal-card h2{font-size:27px;letter-spacing:-.04em;line-height:1.2;font-weight:550}.marmo-portal .portal-card p{font-size:12px;color:var(--st-muted);line-height:1.75;margin:14px 0}.marmo-portal label:not(.portal-check):not(.studio-search):not(.upload-drop){display:block;margin:18px 0 7px;font-size:12px;font-weight:450;color:#c3d1e5}.marmo-portal input:not([type=checkbox]):not([type=file]),.marmo-portal select,.marmo-portal textarea{width:100%;min-height:45px;padding:12px 14px;border:1px solid #a2c5ed26;border-radius:12px;background:#0b1626;color:var(--st-text);max-width:100%;font-size:12px;outline-offset:3px;transition:border-color .2s,background .2s}.marmo-portal input::placeholder,.marmo-portal textarea::placeholder{color:#637e9f}.marmo-portal input:hover,.marmo-portal select:hover,.marmo-portal textarea:hover{border-color:#99c3ff55}.marmo-portal input:focus,.marmo-portal select:focus,.marmo-portal textarea:focus{border-color:#83b6ff;background:#0c1b2d}.marmo-portal textarea{resize:vertical;line-height:1.7;min-height:100px}.marmo-portal .button,.marmo-portal .studio-button{min-height:43px;border:1px solid #9abce33b;border-radius:12px;padding:11px 17px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:12px;line-height:1.4;font-weight:550;background:#192c45;color:#e8f2ff;white-space:normal;box-shadow:none;text-decoration:none}.marmo-portal .button-primary,.marmo-portal .studio-button.primary{background:#b7d4ff;color:#091b32;border-color:#b7d4ff}.marmo-portal .studio-button.light{background:#eff5ff;color:#142b4a;border-color:#eff5ff}.marmo-portal .studio-button:hover,.marmo-portal .button:hover{filter:brightness(1.08);transform:translateY(-1px)}.marmo-portal .studio-button.small{min-height:36px;font-size:11px;padding:8px 12px}.marmo-portal form>.button,.marmo-portal form>.studio-button{margin-top:20px}.marmo-portal .portal-check{display:flex;align-items:flex-start;gap:12px;margin:20px 0;font-size:11px;color:#9fb4d0;line-height:1.7}.marmo-portal .portal-check input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:#95bfff}.marmo-portal .portal-check a,.marmo-portal .portal-card p a{text-decoration:underline;text-underline-offset:3px;color:#d3e3f8}.marmo-portal .password-field{display:flex;gap:8px;align-items:center}.marmo-portal .password-field input{min-width:0}.marmo-portal .password-field button,.marmo-portal .auth-links button,.marmo-portal [data-back-login],.marmo-portal #resend-verification{background:#142841;color:#b6ccea;border:1px solid #9ebee82b;border-radius:11px;font-size:11px;min-height:42px;padding:9px 13px}.marmo-portal .auth-links{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.marmo-portal .legacy-access{font-size:10px;color:#7f99bb;margin-top:24px}.marmo-portal .legacy-access p{font-size:11px}.marmo-portal .legacy-access summary{cursor:pointer}.marmo-portal [data-back-login]{margin-top:18px}.portal-live{max-width:1160px;padding:12px 30px 0;margin:auto;font-size:11px;color:#a8c2e5;min-height:27px}.auth-legal{margin:30px auto 20px!important;font-size:10px!important}.has-session>.portal-nav,.has-session>.portal-auth,.has-session>.auth-legal{display:none}.has-session>.portal-live{position:fixed;top:83px;right:30px;z-index:20;background:#15253be8;border:1px solid #9fbee52b;border-radius:12px;padding:10px 16px;box-shadow:0 10px 30px #0003;font-size:11px;max-width:430px;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .2s,transform .2s}.has-session>.portal-live.show-status{opacity:1;transform:none}
.studio-app{min-height:100vh;display:grid;grid-template-columns:226px minmax(0,1fr);background:radial-gradient(ellipse at 95% 0,#213d611f,transparent 55%),#090f1b}.studio-sidebar{width:226px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:27px 17px 20px;border-right:1px solid #7d9cc01c;background:linear-gradient(160deg,#101e32,#0c1524 70%);z-index:31;overflow:auto}.studio-sidebar>.studio-brand{padding:0 10px 30px}.studio-sidebar .brand-studio{display:none}.workspace-label{font-size:8px;letter-spacing:.12em;font-weight:600;color:#637d9c;display:block;margin:20px 14px 10px}.studio-sidebar nav{display:flex;flex-direction:column;gap:5px}.marmo-portal .studio-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;min-height:43px;background:none;border:1px solid transparent;border-radius:12px;color:#8ea5c2;font-size:11px;text-align:left;font-weight:450;text-decoration:none;transition:background .18s,color .18s}.studio-nav-item [data-icon]{color:#6e8dad;display:flex}.studio-nav-item svg{width:17px;height:17px}.marmo-portal .studio-nav-item:hover{background:#a8c8ed08;color:#dbe9fa}.marmo-portal .studio-nav-item[aria-current=page]{background:linear-gradient(100deg,#284d7d,#203d64);border-color:#9bc4ff24;color:#e6f1ff;box-shadow:0 5px 16px #0001}.studio-nav-item[aria-current=page] [data-icon]{color:#b8d7ff}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-bottom .studio-nav-item{font-size:10px;min-height:38px;padding:10px 14px}.sidebar-storage{font-size:9px;color:#5f7c9d;display:flex;gap:7px;align-items:center;padding:17px 14px 10px;margin-top:10px;border-top:1px solid #8cadd21a}.storage-dot,.live-dot{height:6px;width:6px;display:inline-block;border-radius:50%;background:#a2d7c6;flex-shrink:0}.sidebar-bottom .logout{color:#607d9e}.studio-body{grid-column:2;min-width:0}.studio-topbar{height:78px;border-bottom:1px solid #7e9dc21b;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px;background:#0c1522b8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:25}.studio-breadcrumb{font-size:11px;color:#708cac;display:flex;gap:12px;align-items:center}.studio-breadcrumb span{color:#3f5875}.studio-breadcrumb strong{font-weight:450;color:#bbcee8}.topbar-actions{display:flex;align-items:center;gap:16px}.icon-button,#studio-menu{background:transparent;border:0;padding:8px;color:#8fa8c7;border-radius:9px}.icon-button:hover{background:#9ac4fb10}.icon-button svg{width:17px;height:17px}#studio-menu{display:none}.account-switch{display:flex;gap:10px;align-items:center;background:none;border:0;border-left:1px solid #8facd128;padding:0 0 0 18px;color:var(--st-text)}.studio-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid #a0c6ff45;border-radius:12px;background:linear-gradient(145deg,#345b86,#1c3254);color:#d6e8ff;font-weight:550;font-size:13px;flex-shrink:0}.studio-avatar.large{width:66px;height:66px;font-size:25px;border-radius:23px}.account-switch-copy{text-align:left;line-height:1.3}.account-switch-copy strong{font-size:10px;font-weight:500;display:block;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-switch-copy small{font-size:8px;color:#6f8ba9}.account-switch>span:last-child svg{width:14px;height:14px;color:#728eae}
.studio-content{max-width:1600px;padding:34px 36px 20px;margin:0 auto}.studio-page{animation:studio-enter .3s ease both}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:4px 0 28px}.marmo-portal .page-heading h1{font-size:clamp(28px,2.6vw,40px);font-weight:520;letter-spacing:-.055em;line-height:1.16;margin:10px 0 9px}.page-heading>div>p{font-size:11px;color:var(--st-muted);max-width:72ch;line-height:1.75}.page-heading .studio-eyebrow{font-size:8px}.today-pill{font-size:10px;color:#8ea8ca;padding:9px 14px;background:#132033;border:1px solid var(--st-line);border-radius:99px;white-space:nowrap}.heading-actions{display:flex;gap:9px;flex-wrap:wrap}.studio-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:25px}.kpi-card{padding:20px;border:1px solid var(--st-line);border-radius:19px;background:linear-gradient(135deg,#16253a,#101b2b);position:relative;overflow:hidden}.kpi-card .kpi-label{display:flex;align-items:center;gap:8px;color:#90a7c4;font-size:10px}.kpi-card .kpi-label svg{width:15px;height:15px;color:var(--kpi-accent,#8ebcff)}.kpi-card strong{font-size:34px;font-weight:500;letter-spacing:-.05em;display:block;margin:13px 0 5px;line-height:1}.kpi-card small{display:block;font-size:9px;color:#607c9e}.kpi-card:after{content:'';position:absolute;width:75px;height:75px;border-radius:50%;right:-35px;bottom:-40px;background:var(--kpi-accent,#80adff);filter:blur(30px);opacity:.13}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:22px}.marmo-portal .studio-surface{padding:24px;border-radius:21px;background:linear-gradient(130deg,#132136,#101b2b)}.section-label{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:23px}.section-label .studio-eyebrow{font-size:8px;margin-bottom:6px}.marmo-portal .studio-surface h2{font-size:18px;letter-spacing:-.035em;font-weight:520;line-height:1.3}.marmo-portal .studio-surface h3{font-size:16px;font-weight:500;letter-spacing:-.02em;margin-bottom:16px}.text-button{padding:5px 0;border:0;background:none;color:#94b4df;font-size:10px;display:inline-flex;align-items:center;gap:13px}.text-button:hover{color:#d9e9ff}.text-button svg{width:14px;height:14px}.tiny-label{font-size:8px;letter-spacing:.1em;color:#6d89aa}.overview-projects{display:flex;flex-direction:column;gap:10px}.project-row{display:flex;gap:14px;align-items:center;text-align:left;background:#0c172788;border:1px solid #91b4dd16;color:var(--st-text);padding:17px;border-radius:14px;transition:background .2s,border-color .2s;width:100%}.project-row:hover{background:#1e3450;border-color:#91b4dd44}.project-icon{width:40px;height:43px;border:1px solid #a6c9ec22;border-radius:12px;background:#233d5c;display:grid;place-items:center;flex-shrink:0;color:#a9cfff}.project-icon svg{width:19px;height:19px}.project-row-copy{min-width:0;flex:1}.project-row-copy strong{font-weight:500;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-row-copy small{color:#718aab;font-size:9px;display:block;margin-top:5px}.project-row>.row-arrow{color:#6488b3;font-size:17px;margin-left:6px}.stage-pill{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:450;white-space:nowrap;padding:6px 9px;border-radius:99px;color:var(--stage-color,#a7c8f4);background:color-mix(in srgb,var(--stage-color,#a7c8f4) 8%,transparent);border:1px solid color-mix(in srgb,var(--stage-color,#a7c8f4) 18%,transparent)}.stage-pill:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.stage-pill[data-stage="Entregado"]{--stage-color:#a2d7c6}.stage-pill[data-stage="En revisión"]{--stage-color:#d9c199}.stage-pill[data-stage="Diseño"]{--stage-color:#c0b1ed}.stage-pill[data-stage="Pausado"]{--stage-color:#9aabc0}.studio-banner{margin-top:23px;border:1px solid #89b2e52b;background:linear-gradient(110deg,#1c3659,#142944 60%,#13263e);border-radius:22px;overflow:hidden;position:relative;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:30px 34px;isolation:isolate}.studio-banner h2{font-size:25px;letter-spacing:-.04em;font-weight:500;line-height:1.1;margin:12px 0}.studio-banner p{font-size:10px;line-height:1.7;color:#8aa8cd;max-width:47ch}.studio-banner .studio-button{flex-shrink:0;position:relative;z-index:1}.banner-orbit{width:330px;height:200px;border:1px solid #82b3f02b;border-radius:50%;position:absolute;right:-30px;transform:rotate(-20deg);z-index:-1}.banner-orbit:after{content:'';position:absolute;inset:30px -30px;border:1px solid #82b3f022;border-radius:50%}.studio-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:25px}.studio-toolbar select{width:auto;min-width:155px;height:43px}.studio-search{display:flex;align-items:center;gap:10px;border:1px solid var(--st-line);border-radius:12px;padding-left:14px;min-width:230px;flex:1;background:#101b2b;max-width:510px}.studio-search svg{width:17px;height:17px;color:#7595bb}.marmo-portal .studio-search input{border:0;background:transparent;min-height:42px;padding-left:0}.studio-search input:focus{outline:0;background:transparent}.studio-search:focus-within{outline:2px solid #95c2ff;outline-offset:3px}.studio-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.studio-project-card{border:1px solid var(--st-line);background:linear-gradient(140deg,#16273d,#111c2d);border-radius:20px;padding:23px;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s;position:relative}.studio-project-card:hover{border-color:#91b7e648;transform:translateY(-3px)}.project-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.studio-project-card h3{font-size:18px;font-weight:520;letter-spacing:-.035em;line-height:1.25;margin:0 0 10px}.studio-project-card>p{font-size:11px;color:#8ba3c3;line-height:1.8;flex:1;margin-bottom:22px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card-progress{margin:0 0 18px}.project-card-progress>div:first-child{display:flex;justify-content:space-between;font-size:9px;color:#7d9bc1;margin-bottom:9px}.progress-track{background:#091525;height:4px;border-radius:99px;overflow:hidden}.progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#709bd9,#b2d3ff);border-radius:99px}.project-card-footer{border-top:1px solid #7f9ec522;padding-top:15px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:9px;color:#708cab}.project-card-footer .text-button{font-size:10px}.empty-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:42px 22px;min-height:220px;border:1px dashed #8cacd024;border-radius:17px;background:#0a16231f;gap:12px}.empty-state .empty-symbol{width:60px;height:60px;border:1px solid #8db8ef25;border-radius:20px;background:#8db8ef08;display:grid;place-items:center;color:#82a8db;margin-bottom:3px}.empty-symbol svg{width:26px;height:26px}.empty-state h3{font-size:16px;font-weight:500;letter-spacing:-.025em;margin:0!important}.empty-state p{font-size:10px;line-height:1.8;color:#718daf;max-width:40ch}.empty-state .studio-button{margin-top:6px;font-size:10px}.empty-state.compact{border:0;min-height:210px;padding:24px 6px}.collection-caption{font-size:10px;color:#6d89ac;margin:20px 0 16px!important}.view-switch{display:flex;padding:4px;border:1px solid var(--st-line);border-radius:10px;background:#101b2b;gap:2px}.view-switch button{padding:8px;border-radius:7px;border:0;background:transparent;color:#6887ac}.view-switch button[aria-pressed=true]{background:#294768;color:#c7dfff}.view-switch svg{width:15px;height:15px}.folder-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-bottom:26px}.folder-card{display:flex;align-items:center;gap:13px;background:#122134;border:1px solid var(--st-line);border-radius:15px;color:#b5cae6;text-align:left;padding:16px}.folder-card:hover{border-color:#7dabdf66;background:#192e48}.folder-card svg{color:#96bcef;width:24px;height:24px}.folder-card strong{display:block;font-weight:450;font-size:11px}.folder-card small{font-size:9px;color:#627f9f;display:block;margin-top:4px}.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.file-card{padding:14px;background:#132034;border:1px solid var(--st-line);border-radius:17px;min-width:0;transition:transform .2s,border-color .2s}.file-card:hover{transform:translateY(-2px);border-color:#80a9dc66}.file-preview{height:125px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#8bb7ec10,transparent),#0d192a;border:1px solid #91b5e015;border-radius:11px;margin-bottom:15px;position:relative;overflow:hidden}.file-preview>svg{width:42px;height:42px;color:var(--file-color,#9ac1f0)}.file-extension{position:absolute;bottom:14px;right:13px;font-size:8px;color:var(--file-color,#9ac1f0);letter-spacing:.08em;border:1px solid currentColor;border-radius:5px;padding:2px 5px;opacity:.65}.file-card[data-type=pdf]{--file-color:#dba8a1}.file-card[data-type=image]{--file-color:#b8a6df}.file-card[data-type=link]{--file-color:#9ed4c6}.file-card h3{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card .file-project{font-size:9px;color:#6e8aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.file-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:12px;border-top:1px solid #90b2db1a;font-size:8px;color:#6382a7}.file-meta a{color:#a3c8f6;font-size:10px}.file-meta button{padding:0;background:none;border:0;color:#7d97b8;font-size:9px}.file-grid.is-list{display:flex;flex-direction:column;gap:8px}.is-list .file-card{display:grid;grid-template-columns:42px minmax(0,1.2fr) minmax(100px,1fr) auto;align-items:center;gap:16px;padding:13px 18px;border-radius:12px}.is-list .file-preview{width:40px;height:44px;margin:0;border:0;background:none}.is-list .file-preview>svg{width:24px;height:24px}.is-list .file-extension{display:none}.is-list .file-project{margin:0}.is-list .file-meta{margin:0;padding:0;border:0;gap:18px}.file-archived{opacity:.55}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;gap:13px;padding:17px 0;position:relative;border-bottom:1px solid #88a8cf12}.activity-item:first-child{padding-top:0}.activity-item:last-child{border:0}.event-icon{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border:1px solid #87addec2;border-color:#87adde22;border-radius:10px;background:#739fd710;color:#8fb8eb}.event-icon svg{width:14px;height:14px}.activity-item h3{font-size:11px;font-weight:450;line-height:1.6;margin:0!important}.activity-item p{font-size:10px;color:#7793b6;line-height:1.8;margin-top:5px;white-space:pre-wrap;overflow-wrap:anywhere}.activity-item small{font-size:8px;color:#506f93;display:block;margin-top:5px}.full-activity{max-width:960px}.full-activity .activity-item{padding:22px 0}.full-activity .activity-item h3{font-size:12px}.full-activity .activity-item small{font-size:9px}.full-activity .activity-item p{max-width:85ch}.activity-surface>.text-button{margin-top:16px}
.analytics-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px;margin-bottom:23px}.chart-host{width:100%;min-height:235px;position:relative;margin-top:25px}.chart-host>svg{width:100%;height:235px;display:block;overflow:visible}.chart-legend{display:flex;align-items:center;gap:7px;font-size:9px;color:#7e9dc2}.chart-legend>span:first-child{width:6px;height:6px;background:#92bcf5;border-radius:50%}.stage-breakdown{display:flex;flex-direction:column;gap:20px;margin-top:30px}.breakdown-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#97b0d0;margin-bottom:9px}.breakdown-label strong{font-weight:450;color:#c6d9f2}.breakdown-track{height:5px;background:#091626;border-radius:99px;overflow:hidden}.breakdown-track>span{display:block;height:100%;min-width:0;background:var(--bar-color,#92bcf5);border-radius:99px}.breakdown-row{margin-top:23px}.chart-empty-note{position:absolute;left:15%;right:15%;top:40%;font-size:11px;color:#7292b9;text-align:center}.chart-tick{font:9px Inter,Arial;fill:#607e9f}.chart-grid{stroke:#8badd91c;stroke-dasharray:3 5}.chart-fill{fill:url(#studio-chart-gradient)}.chart-line{fill:none;stroke:#9ac5ff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.manager-grid{display:grid;grid-template-columns:1fr minmax(300px,.9fr);gap:23px;align-items:start}.manager-editor{position:sticky;top:100px}.manager-editor form>label{margin:16px 0 0!important;line-height:1.6}.manager-editor label>input,.manager-editor label>select,.manager-editor label>textarea{margin-top:7px}.manager-editor>p{font-size:10px;color:#6e8bae;line-height:1.75;margin-top:15px}.admin-project-card{padding:18px 0;border-bottom:1px solid #87a8d020}.admin-project-card h4{font-size:13px;font-weight:500;margin:0 0 7px;letter-spacing:-.02em}.admin-project-card p{color:#7794b8;font-size:10px;margin:5px 0;line-height:1.6}.admin-project-card button,#admin-projects>button{border:1px solid #8aa9d333;border-radius:9px;background:#1b314d;color:#b8d0ef;font-size:10px;padding:9px 13px;margin-top:11px}.marmo-portal #admin>section>button,.marmo-portal #refresh-requests,.marmo-portal #refresh-metrics,.marmo-portal .request-card button,.marmo-portal #campaign-form>button{background:#b7d4ff;color:#0e2541;border:0;border-radius:11px;font-size:11px;min-height:42px;padding:10px 16px}.marmo-portal #admin-requests .request-card{padding:22px;border:1px solid var(--st-line);background:#0e1b2c;border-radius:16px;margin-top:20px}.request-card p,.campaign-surface>p,.studio-page[data-studio-panel=requests]>.studio-surface>p,.studio-page[data-studio-panel=storage] p{font-size:11px;line-height:1.8;color:#7e9bbe;margin:14px 0}.request-card h3{font-size:12px!important}.request-form{display:grid;gap:12px}.marmo-portal .storage-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.storage-actions button{border-radius:10px!important;font-size:11px!important}.campaign-surface{max-width:850px}.campaign-surface form{max-width:650px}.campaign-surface fieldset{display:grid;grid-template-columns:1fr 1fr;margin-top:22px!important}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:start}.account-grid>div>h3{font-size:20px!important;letter-spacing:-.04em!important;font-weight:520!important;margin-bottom:21px!important}.account-grid #personal-data{font-size:11px;grid-template-columns:100px 1fr;gap:10px;margin:20px 0}.account-grid #personal-data dt{color:#6884a9}.account-grid #personal-data dd{color:#b6cbe6;overflow-wrap:anywhere}.account-grid form+p,.account-grid div>p{font-size:10px;line-height:1.8;color:#6f8caf;margin:16px 0}.account-grid #account-reference{font-size:10px;overflow-wrap:anywhere;color:#8ea8cc}.account-grid #export{display:inline-block;border:1px solid #96b6df33;padding:12px 15px;border-radius:10px;font-size:11px;color:#b4cff0;margin:12px 0}.account-grid #delete-account{font-size:10px;line-height:1.5;color:#d9a6a6;border:0;background:none;padding:8px}.account-grid #unsubscribe{font-size:10px;color:#7e9bc0;background:none;border:0;padding:10px 0;display:block}.account-identity{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border-top:1px solid #88a9d121;padding-top:20px;margin:0 0 26px}.account-identity strong{font-size:12px;font-weight:450}.account-identity>span{font-size:9px;color:#748fae}.account-grid #resend-verification{font-size:10px}.account-grid .portal-check{font-size:11px}.detail-breadcrumb{display:flex;gap:12px;align-items:center;margin-bottom:25px;color:#6887ad;font-size:10px}.detail-breadcrumb button{background:none;border:0;color:#9ebfe8;padding:0;font-size:10px}.detail-header{display:flex;justify-content:space-between;gap:28px;align-items:start;margin-bottom:25px}.detail-header h1{font-size:clamp(28px,3vw,43px);font-weight:520;letter-spacing:-.055em;line-height:1.15;margin:15px 0}.detail-header p{font-size:12px;line-height:1.8;color:#8aa5c7;max-width:70ch;white-space:pre-wrap}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;flex-shrink:0}.detail-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:9px;color:#58799f;margin:20px 0 30px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:23px;align-items:start}.detail-left,.detail-right{display:flex;flex-direction:column;gap:22px}.task-row{display:flex;gap:13px;align-items:center;border-bottom:1px solid #86a6d019;padding:15px 0}.task-row:last-child{border:0}.task-toggle{width:20px;height:20px;border:1px solid #6c90bd75;border-radius:7px;display:grid;place-items:center;background:#1b2c44;color:#c7e0ff;flex-shrink:0}.task-toggle svg{width:12px;height:12px}.task-row[data-status=done] .task-toggle{background:#9fd2c2;color:#10273d;border-color:#9fd2c2}.task-row[data-status=done] strong{color:#708cae;text-decoration:line-through}.task-copy{flex:1;min-width:0}.task-copy strong{font-weight:450;font-size:11px;display:block}.task-copy small{font-size:8px;color:#6884a7;display:block;margin-top:4px}.task-row>.stage-pill{font-size:7px;padding:4px 7px}.project-summary-note{font-size:10px;color:#7090b5;line-height:1.7;margin-top:20px!important}.comment-form textarea{margin-top:17px}.comment-form .studio-button{margin-top:12px!important}.project-resource{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #7b9bc519;font-size:11px;color:#a9c8f0}.project-resource svg{width:19px;height:19px;color:#81a4d0}.project-resource>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-resource small{font-size:8px;color:#6b89ac}.detail-update{padding:20px 0;border-top:1px solid #7b9bc519}.detail-update:first-child{border:0;padding-top:0}.detail-update h3{font-size:12px!important;margin:0 0 10px!important}.detail-update p{font-size:11px;color:#8ca6c7;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.detail-update small{display:block;font-size:8px;color:#587a9f;margin-top:12px}.studio-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:45px;padding:23px 0 0;border-top:1px solid #84a7d01b;font-size:8px;color:#4e6b8c}.studio-footer>div{display:flex;gap:18px;align-items:center}.studio-footer button{font:inherit;color:inherit;border:0;background:none;padding:0}.studio-footer a:hover,.studio-footer button:hover{color:#a4c5ef}
.marmo-portal .studio-dialog,.marmo-portal .privacy-dialog{background:linear-gradient(135deg,#162941,#0f1c30);border:1px solid #9ac0ee35;border-radius:25px;padding:30px;color:var(--st-text);max-width:min(560px,calc(100% - 30px));width:560px;max-height:88vh;overflow:auto;box-shadow:0 30px 100px #0009}.studio-dialog::backdrop{background:#020a17b8;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-heading>button{border:1px solid #89add72b;background:#14283f;color:#9bb9dc;border-radius:10px;width:31px;height:31px;font-size:20px;line-height:1}.studio-dialog h2{font-size:27px;font-weight:500;letter-spacing:-.045em;line-height:1.2}.studio-dialog p{font-size:11px;color:#86a3c7;line-height:1.8;margin-top:15px}.upload-drop{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;padding:28px 20px;border:1px dashed #8fb9ed55;border-radius:16px;background:#8fb9ed05;margin-top:22px;cursor:pointer}.upload-drop>svg{width:27px;height:27px;color:#99bdf0}.upload-drop strong{font-size:12px;font-weight:450;color:#b1cceb}.upload-drop>span{font-size:9px;color:#6888b0}.upload-drop input{max-width:100%;font-size:10px;color:#7696ba}.studio-dialog progress{width:100%;height:5px;margin-top:20px;accent-color:#a4c9ff}.form-feedback{font-size:11px;line-height:1.75;padding:13px 15px;border-radius:11px;margin:17px 0 10px;border:1px solid transparent;overflow-wrap:anywhere}.form-feedback--error{background:#d7888810;border-color:#e59a9a3b;color:#edb6b6}.form-feedback--success{background:#8fceb810;border-color:#8fceb83b;color:#aed8c9}.field-feedback{font-size:10px!important;line-height:1.7!important;color:#e9afaf!important;margin:7px 0 10px!important}.marmo-portal input.is-invalid,.marmo-portal select.is-invalid,.marmo-portal textarea.is-invalid{border-color:#df9b9b!important;background:#d88f8f05!important}.skeleton{height:120px;border-radius:19px;background:linear-gradient(90deg,#142237,#1c2e47,#142237);background-size:200%;animation:studio-shimmer 1.5s linear infinite}.workspace-error{padding:20px;border:1px solid #e29c9c30;background:#c77e7e09;border-radius:15px;color:#d9aaaa;font-size:12px;line-height:1.8}.workspace-error button{margin-top:12px}
@keyframes studio-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes studio-shimmer{to{background-position:-200% 0}}
@media(min-width:1600px){.studio-content{padding:45px 50px 20px}.studio-topbar{padding-inline:50px}.studio-kpis{gap:21px}.studio-project-grid{gap:23px}.kpi-card{padding:24px}.kpi-card strong{font-size:39px}.marmo-portal .studio-surface{padding:29px}}
@media(max-width:1250px){.studio-app{grid-template-columns:204px minmax(0,1fr)}.studio-sidebar{width:204px;padding-inline:12px}.studio-content{padding:28px 25px 20px}.studio-topbar{padding-inline:25px}.studio-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.studio-banner{padding:27px;gap:25px}.topbar-actions{gap:12px}.account-switch-copy{display:none}.studio-kpis{gap:12px}.kpi-card{padding:17px}.kpi-card .kpi-label{font-size:9px}.manager-grid{grid-template-columns:1fr 1fr;gap:17px}}
@media(max-width:1020px){.studio-sidebar{width:190px}.studio-app{grid-template-columns:190px minmax(0,1fr)}.studio-sidebar .studio-brand>img{width:31px}.studio-brand strong{font-size:15px}.studio-nav-item{gap:10px!important}.marmo-portal .studio-nav-item{font-size:10px;padding:11px}.overview-grid{grid-template-columns:1fr}.overview-projects{display:grid;grid-template-columns:1fr 1fr;gap:10px}.overview-projects .project-row{flex-wrap:wrap}.overview-projects .project-row>.stage-pill{margin-left:54px}.activity-surface .activity-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.activity-surface .activity-item:first-child{padding-top:17px}.studio-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kpi-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:19px}.kpi-card strong{grid-column:2;grid-row:1/3;font-size:30px;margin:0 0 0 15px}.kpi-card small{margin-top:8px}.analytics-grid{grid-template-columns:1fr}.stage-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.detail-grid{grid-template-columns:1fr}.manager-grid{grid-template-columns:1fr}.manager-editor{position:static}.account-grid{gap:16px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-auth{grid-template-columns:1fr 410px;gap:45px;width:calc(100% - 64px);margin-top:60px}.portal-auth h1{font-size:54px}.auth-art{height:190px}.art-orbit{width:240px}.orbit-two{width:180px}.studio-banner h2{font-size:23px}.studio-banner .studio-button{font-size:10px;max-width:160px}}
@media(max-width:760px){.studio-app{display:block}.studio-sidebar{transform:translateX(-100%);width:235px;transition:transform .25s;box-shadow:20px 0 80px #020912aa}.sidebar-open .studio-sidebar{transform:none}.sidebar-open:after{content:'';position:fixed;inset:0;background:#02091680;z-index:29;pointer-events:none}.studio-body{width:100%}.studio-topbar{height:66px;padding:0 20px;gap:12px}#studio-menu{display:block;padding:4px}.studio-breadcrumb{margin-right:auto;font-size:10px;gap:8px}.topbar-actions>.studio-button{display:none}.account-switch{border:0;padding:0}.account-switch>span:last-child{display:none}.studio-avatar{width:31px;height:31px;border-radius:10px;font-size:11px}.topbar-actions{gap:12px}.studio-content{padding:25px 20px 18px}.page-heading{margin:3px 0 24px;gap:17px;align-items:flex-start}.marmo-portal .page-heading h1{font-size:31px}.page-heading>div>p{font-size:11px;max-width:43ch}.page-heading .studio-eyebrow{font-size:7px}.today-pill{display:none}.studio-kpis{gap:12px;margin-bottom:20px}.kpi-card{padding:16px;border-radius:16px;display:block}.kpi-card strong{font-size:30px;margin:14px 0 7px}.kpi-card .kpi-label{font-size:9px}.kpi-card small{font-size:8px}.marmo-portal .studio-surface{padding:21px;border-radius:18px}.section-label{gap:12px;margin-bottom:21px}.section-label .text-button{font-size:9px}.marmo-portal .studio-surface h2{font-size:17px}.overview-projects{display:flex;gap:10px}.overview-projects .project-row{flex-wrap:nowrap;padding:14px;gap:10px}.overview-projects .project-row>.stage-pill{margin-left:0}.project-row-copy strong{font-size:11px}.project-row-copy small{font-size:8px}.project-icon{width:34px;height:37px;border-radius:10px}.project-row>.row-arrow{display:none}.stage-pill{font-size:7px;padding:5px 7px}.activity-surface .activity-list{display:flex}.activity-item{padding:16px 0}.activity-surface .activity-item:first-child{padding-top:0}.studio-banner{padding:26px;flex-direction:column;align-items:flex-start;gap:23px;border-radius:19px}.studio-banner h2{font-size:28px}.studio-banner .studio-button{max-width:none}.studio-project-grid{grid-template-columns:1fr;gap:16px}.studio-project-card{padding:23px}.studio-project-card h3{font-size:21px}.project-card-top{margin-bottom:23px}.studio-toolbar{gap:10px;margin-bottom:20px}.studio-search{min-width:100%;max-width:none}.studio-toolbar select{flex:1;min-width:130px;font-size:10px}.file-grid{gap:12px}.file-card{padding:12px;border-radius:14px}.file-preview{height:100px;margin-bottom:12px}.file-preview>svg{width:33px;height:33px}.file-card h3{font-size:10px}.file-card .file-project{font-size:8px}.file-meta{gap:6px;flex-wrap:wrap;font-size:8px}.file-meta a{font-size:9px}.folder-strip{display:flex;overflow:auto;gap:10px;margin-right:-20px;padding-right:20px;padding-bottom:4px}.folder-card{min-width:185px;max-width:210px;padding:15px;flex-shrink:0}.folder-card strong{font-size:10px}.folder-card svg{width:20px;height:20px}.heading-actions{gap:8px;justify-content:flex-end}.heading-actions>.studio-button{font-size:0;padding:10px;min-height:38px}.heading-actions svg{width:18px;height:18px}.is-list .file-card{grid-template-columns:31px minmax(0,1fr) auto;gap:12px;padding:12px}.is-list .file-project{display:none}.is-list .file-meta{max-width:85px;gap:7px}.is-list .file-meta>span{display:none}.file-grid.is-list .file-preview{width:31px}.analytics-grid{gap:17px}.stage-breakdown{grid-template-columns:1fr 1fr;gap:20px 22px;margin-top:25px}.page-heading>select{max-width:135px;min-width:0;font-size:9px;padding:10px;min-height:39px;margin-top:25px}.chart-host{min-height:205px}.chart-host>svg{height:205px}.chart-legend{font-size:8px}.account-grid{grid-template-columns:1fr;gap:18px}.account-identity{font-size:10px;gap:10px}.account-identity strong{font-size:11px}.account-identity>span{font-size:8px}.studio-avatar.large{width:51px;height:51px;font-size:20px;border-radius:18px}.detail-header{flex-direction:column;gap:20px}.detail-header h1{font-size:33px}.detail-header p{font-size:11px}.detail-actions{width:100%}.detail-actions .studio-button{flex:1;font-size:10px}.detail-meta{gap:12px;font-size:8px;margin-bottom:23px}.detail-grid{gap:18px}.task-copy strong{font-size:11px}.task-row{gap:10px}.task-row>.stage-pill{font-size:6px}.studio-footer{flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px;font-size:8px}.studio-footer>div{gap:20px}.marmo-portal input:not([type=checkbox]):not([type=file]),.marmo-portal select,.marmo-portal textarea{font-size:16px}.studio-search input{font-size:12px!important}.studio-toolbar select{font-size:11px!important}.studio-dialog{padding:25px!important}.studio-dialog h2{font-size:26px}.portal-auth{width:calc(100% - 36px);display:block;margin:38px auto}.portal-auth-intro{text-align:center;margin:0 0 33px}.portal-auth .studio-eyebrow{font-size:8px}.portal-auth h1{font-size:45px;margin:19px 0 16px}.portal-auth-intro>p{font-size:12px;max-width:32ch;margin:auto}.auth-art{display:none}.marmo-portal .auth-forms .portal-card{padding:25px;border-radius:24px}.marmo-portal .portal-nav{width:calc(100% - 30px);margin:15px auto 0;padding:17px 18px;gap:12px;border-radius:21px}.portal-nav .studio-brand strong{font-size:14px}.portal-nav .studio-brand>span{font-size:11px}.portal-nav .studio-brand>img{width:31px}.portal-nav .brand-studio{display:none}.back-web{font-size:9px}.back-web span{margin-left:6px}.portal-nav .language-control{margin-left:0}.portal-nav .language-select{font-size:9px;max-width:62px;min-height:31px;padding:7px}.portal-live{padding-inline:20px;font-size:10px}.has-session>.portal-live{top:73px;left:20px;right:20px;max-width:none;font-size:10px;padding:10px 13px}.marmo-portal .auth-links button,.marmo-portal [data-back-login]{font-size:10px}.auth-forms form>.button{width:100%}.manager-editor>p{font-size:9px}.manager-grid{gap:18px}.marmo-portal .studio-page form .portal-check{font-size:10px}.upload-drop input{font-size:10px!important}.tiny-label{display:none}}
@media(prefers-reduced-motion:reduce){.marmo-portal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.studio-project-card:hover,.file-card:hover,.marmo-portal .studio-button:hover,.marmo-portal .button:hover{transform:none!important}}

.collection-more{grid-column:1/-1;justify-self:center;margin:16px auto}.topbar-actions .language-control{margin:0}.marmo-portal .topbar-actions .language-select{width:70px;min-height:36px;padding:8px;font-size:10px}.marmo-portal .topbar-actions label.language-control{margin:0;display:block}@media(max-width:750px){.marmo-portal .topbar-actions .language-select{width:58px;font-size:9px;padding:6px}.topbar-actions{gap:7px}}