:root{--bg:#f6f7f9;--panel:#fff;--ink:#20242b;--muted:#75808f;--line:#e8ebef;--red:#d93646;--redlight:#fff0f1;--sidebar:#fff;--radius:14px}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a:hover{color:var(--red)}.app{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--sidebar);border-right:1px solid var(--line);padding:24px 15px;position:sticky;top:0;height:100vh;flex-shrink:0;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;padding:0 9px 25px}.brandmark,.logo{background:var(--red);color:white;border-radius:12px;padding:10px 14px;font-size:20px;font-weight:800}.navtitle{font-size:10px;letter-spacing:.12em;color:#9aa2ad;text-transform:uppercase;margin:17px 12px 8px}.sidebar a.nav{display:flex;gap:12px;align-items:center;padding:10px 13px;border-radius:10px;font-weight:550;color:#58616f}.sidebar a.nav:hover,.sidebar a.nav.active{background:var(--redlight);color:var(--red)}.main{flex:1;min-width:0;padding:30px;max-width:1550px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.eyebrow{text-transform:uppercase;color:var(--red);letter-spacing:.15em;font-size:10px;font-weight:800}.muted{color:var(--muted)}.small{font-size:12px}.topbar h1,h1{font-size:25px;line-height:1.2;margin:6px 0}.topbar .meta{font-size:12px;color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px;box-shadow:0 4px 20px rgba(36,45,57,.025)}.card h2{margin:0 0 14px;font-size:17px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cards .card{min-width:0}.kpi{font-size:28px;font-weight:800}.kpi-label{color:var(--muted);font-size:12px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label, .stack label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:#4b5563}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea,.search{width:100%;background:#fff;border:1px solid #dce1e8;border-radius:9px;padding:10px 12px;outline:none;color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--redlight)}textarea{min-height:100px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;background:#fff;border:1px solid #dbe0e7;border-radius:9px;color:#344054;font-weight:700;text-align:center;font-size:12px}.btn:hover{border-color:var(--red);color:var(--red)}.btn.primary{background:var(--red);border-color:var(--red);color:#fff}.btn.primary:hover{filter:brightness(.93)}.btn.danger{border-color:#f5b7bc;color:#c72b3b}.btn.tiny{padding:6px 9px;font-size:11px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;padding:4px 8px;font-size:10px;font-weight:800;border-radius:30px;background:#eef2f6;color:#65717f;text-transform:uppercase;letter-spacing:.02em}.badge.green{background:#eaf8ef;color:#228654}.badge.orange{background:#fff3df;color:#a66b0e}.badge.red{background:#fff0f1;color:#b72a3a}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;color:#85909f;font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border:0}.table tr:hover td{background:#fcfcfd}.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.flash{background:#eaf8ef;color:#237948;padding:13px 16px;border-radius:9px;margin-bottom:16px}.error{background:#fff0f1;color:#b72a3a;padding:12px;border-radius:9px;margin:12px 0}.empty{padding:28px;color:var(--muted);text-align:center;border:1px dashed #d5dce6;border-radius:12px}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.tabs a{padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-weight:650;color:#68717c;background:white}.tabs a.active{background:var(--red);border-color:var(--red);color:white}.mini{font-size:11px;color:var(--muted)}.form-inline{display:inline}.progress{height:7px;background:#edf0f3;border-radius:10px;overflow:hidden}.progress span{display:block;background:#37a67b;height:100%}.media{max-width:100%;height:auto;display:block}.mock{border:1px solid #e4e7ed;border-radius:13px;max-width:390px;margin:0 auto;background:white;overflow:hidden}.mocktop{padding:12px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:750}.avatar{width:29px;height:29px;border-radius:50%;background:#eee;object-fit:cover}.mockphoto{background:#eef0f3;width:100%;aspect-ratio:4/5;object-fit:contain;display:block}.mock.square .mockphoto{aspect-ratio:1/1}.mock.story,.mock.reel{max-width:310px;background:#15171c;color:white}.mock.story .mockphoto,.mock.reel .mockphoto{aspect-ratio:9/16}.mockbottom{padding:12px;white-space:pre-wrap;font-size:12px}.carousel-controls{display:flex;justify-content:space-between;margin:8px auto;max-width:390px}.authbody{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top right,#ffe6e9,transparent 40%),#f7f8fa}.authcard{background:white;border-radius:18px;border:1px solid var(--line);box-shadow:0 25px 65px #29344512;width:min(420px,100%);padding:33px}.authcard.wide{width:min(700px,100%)}.authcard h1{margin:15px 0 8px}.authcard p{color:var(--muted)}.notice{background:#fff8e8;padding:14px;border-radius:10px;border:1px solid #f9e4ad;color:#7d611f}.readonly{background:#f8fafc}.pill-check{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:12px;border-radius:10px}.pill-check input{accent-color:var(--red)}.portal-hero{padding:25px;background:linear-gradient(135deg,#1e2530,#384150);color:white;border-radius:18px}.portal-logo{height:64px;width:64px;object-fit:contain;background:white;padding:8px;border-radius:13px}.sep{height:1px;background:var(--line);margin:18px 0}.reviewbox{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fafbfc}.logo{display:inline-block}.nowrap{white-space:nowrap}.printsheet{background:white;max-width:820px;margin:24px auto;padding:48px;border:1px solid #ddd}.printsheet h1{text-align:center}.qrplaceholder{width:110px;height:110px;border:1px solid #aaa;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;word-break:break-all;padding:5px}.statusline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hide-mobile{display:block}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.sidebar{width:206px}.main{padding:20px}}@media(max-width:740px){.app{display:block}.sidebar{width:100%;position:static;height:auto;display:flex;gap:4px;align-items:center;overflow-x:auto;padding:8px}.sidebar .brand{padding:5px;font-size:13px;white-space:nowrap}.sidebar .navtitle{display:none}.sidebar a.nav{white-space:nowrap;font-size:11px;padding:9px}.main{padding:14px}.grid2,.grid3,.form-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.topbar{align-items:start}.topbar h1{font-size:22px}.card{padding:15px}.hide-mobile{display:none}}@media print{.sidebar,.topbar .actions,.btn,.noprint{display:none!important}.main{padding:0}.card,.printsheet{border:0;box-shadow:none;margin:0;padding:20px}.app{display:block}body{background:white}}
/* TEMAC V1.1 – studio preview */
.studio-pair{display:grid;grid-template-columns:minmax(210px,420px) minmax(300px,1fr);gap:22px;align-items:start;margin-top:16px}.studio-pair .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.studio-pair .mock{max-width:420px;margin:0 auto}.studio-pair .mock .slidebox{position:relative;overflow:hidden;aspect-ratio:4/5}.studio-pair .mock.square .slidebox{aspect-ratio:1/1}.studio-pair .mock.reel .slidebox{aspect-ratio:9/16}.studio-pair .mock .mockphoto{width:100%;height:100%;object-fit:contain;background:#111;display:block}.studio-pair .mock .mockphoto[style*="display:none"]{display:none}.placeholder-media{aspect-ratio:4/5;display:grid;place-items:center;background:linear-gradient(135deg,#ebedf1,#dfe4e9);text-align:center;color:#727b89;padding:18px}.studio-pair .mock.square .placeholder-media{aspect-ratio:1}.studio-pair .mock.reel .placeholder-media{aspect-ratio:9/16}.media-screen{aspect-ratio:9/16}.media-screen iframe{width:100%;height:100%;border:0}.studio-pair .mockbottom{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:800px){.studio-pair{grid-template-columns:1fr}.studio-pair .form-grid{grid-template-columns:1fr}}
/* TEMAC Agency OS V1.2 — Campaign Studio design language */
:root{--red:#6750e8;--redlight:#f0ebff;--bg:#f8f7fc;--ink:#25204b;--line:#e8e4f5;--muted:#77758e;--radius:19px}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.sidebar{box-shadow:6px 0 22px #28214f05}.main{max-width:1680px}.card{box-shadow:0 16px 35px rgba(62,44,121,.045);border-radius:20px}.card h2{letter-spacing:-.035em}.btn{border-radius:11px}.btn.primary{box-shadow:0 9px 19px #6750e822}.kpi{color:#272051}.kpi-label{color:#807d9d}.cards>.card:nth-child(4n+1){border-top:3px solid #6750e8}.cards>.card:nth-child(4n+2){border-top:3px solid #f5be56}.cards>.card:nth-child(4n+3){border-top:3px solid #ee80ae}.cards>.card:nth-child(4n){border-top:3px solid #a594e6}
.studio-hero{background:linear-gradient(110deg,#eee8ff,#e8e0ff);border-color:#e1d7ff;padding:28px}.studio-hero h2{font-size:27px;margin:4px 0 8px}.studio-hero .eyebrow{letter-spacing:.18em}.studio-hero .muted{color:#656080}.studio-hero .btn{border:0;background:#6750e8;color:white}
.strategy-editor .strategy-list{display:grid;gap:9px;margin:14px 0}.strategy-row{border:1px solid #e6e2f3;border-radius:14px;background:#fbfaff;overflow:hidden;margin:9px 0}.strategy-row summary{list-style:none;cursor:pointer;padding:16px;display:flex;align-items:center;gap:12px}.strategy-row summary::-webkit-details-marker{display:none}.strategy-row summary:hover{background:#f4f0ff}.strategy-row .strategy-body{padding:16px;background:white;border-top:1px solid #eae6f4}.section-number{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#ece6ff;color:#6750e8;font-weight:800}
.client-view{background:#faf9fe;color:#28214e}.client-shell{max-width:1300px;padding:20px 24px;margin:auto}.client-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 14px 24px}.client-brand{display:flex;align-items:center;gap:30px}.client-brand strong{font-size:28px;letter-spacing:-.09em;color:#16161f}.client-brand img{max-width:125px;max-height:50px;object-fit:contain}.client-brand>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#8075a3}.purple-badge{background:#f0ebff;color:#6750e8;padding:10px 15px;letter-spacing:.13em}
.client-intro{display:grid;grid-template-columns:60% 40%;border-radius:25px;overflow:hidden;background:#ece5ff;margin-bottom:23px}.intro-copy{padding:46px 44px}.intro-copy .eyebrow{letter-spacing:.16em}.intro-copy h1{font-size:clamp(28px,4vw,52px);margin:8px 0 1px;letter-spacing:-.05em;color:#28205b}.intro-copy h2{font-size:clamp(24px,3vw,42px);letter-spacing:-.05em;margin:0;color:#322277}.intro-copy p{color:#797299;font-size:15px;max-width:580px}.intro-biz{display:flex;align-items:center;gap:15px}.intro-biz img{width:68px;height:68px;object-fit:contain;background:#fff;padding:6px;border-radius:14px}.client-pills{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.client-pills span{font-size:11px;font-weight:700;padding:8px 13px;border-radius:30px;background:#ffffffbd;color:#554a90}.intro-art{display:grid;place-items:center;background:linear-gradient(135deg,#cfbafb,#9470e9);min-height:300px}.intro-art span{font-size:clamp(90px,17vw,220px);color:#f1eaff;line-height:1}.client-subheading{font-size:14px;color:#7c769e;margin:20px 8px}.client-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.client-kpi{border-radius:15px;min-height:100px;display:flex;flex-direction:column;justify-content:center;padding:18px}.client-kpi strong{font-size:30px;color:#382582;line-height:1.2}.client-kpi span{font-size:12px;color:#5c5183;margin-top:7px}.tone-0{background:#fff2d4!important}.tone-1{background:#e9e1ff!important}.tone-2{background:#fce1ed!important}.tone-3{background:#eae3f7!important}.tone-4{background:#e7f2ff!important}
.client-section{margin-top:52px;scroll-margin-top:18px}.client-section>.eyebrow{margin-bottom:9px}.client-section>h2{font-size:clamp(25px,3vw,37px);margin:0 0 8px;letter-spacing:-.045em;color:#28215a}.client-section>p{font-size:14px;color:#7b769b;margin:0 0 21px;max-width:740px}.client-accordions{display:grid;gap:12px}.client-accordion{border:1px solid #e5dffb;border-radius:17px;overflow:hidden;box-shadow:0 12px 25px #493b8010}.client-accordion summary{display:flex;align-items:center;gap:15px;padding:16px 22px;min-height:76px;cursor:pointer;list-style:none}.client-accordion summary::-webkit-details-marker{display:none}.acc-number{display:grid;place-items:center;width:44px;height:44px;background:#ffffff80;border-radius:12px;font-size:15px;font-weight:800;color:#6150df}.acc-title{display:flex;flex-direction:column;gap:2px}.acc-title strong{font-size:16px}.acc-title small{font-size:11px;color:#918cba}.acc-toggle{margin-left:auto;color:#8d84bb}.acc-content{background:#fff;padding:20px 24px;line-height:1.8;white-space:normal;color:#595473;border-top:1px solid #e7e2f1}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 26px}.filter-pills button{background:white;border:1px solid #e1dcf7;color:#615987;padding:9px 15px;border-radius:11px;font-weight:700}.filter-pills button.active{background:#6750e8;border-color:#6750e8;color:white}.idea-list{display:grid;gap:12px}.idea-card{background:white;border:1px solid #e8e4f4;border-radius:14px;padding:2px 18px}.idea-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:19px;padding:16px 0}.idea-card summary::-webkit-details-marker{display:none}.idea-card summary>span:last-child{margin-left:auto}.idea-card summary span:nth-child(2){display:flex;flex-direction:column;gap:3px}.idea-card small{color:#8a84a7}.idea-date{font-weight:800;color:#6750e8;white-space:nowrap}.idea-card>p{border-top:1px solid #eeeaf8;padding:16px 2px;color:#79718d}
.client-items{display:grid;gap:20px}.content-review{padding:23px;border:1px solid #e8e3f4;border-radius:22px;background:white;box-shadow:0 14px 32px #5d46a009;scroll-margin-top:20px}.content-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}.content-head h3{font-size:22px;letter-spacing:-.03em;margin:5px 0}.content-head small{color:#8c85a3}.content-layout{display:grid;grid-template-columns:minmax(250px,420px) minmax(280px,1fr);gap:28px;align-items:start}.instagram-mock{max-width:420px;width:100%;border:1px solid #ece9f1;border-radius:19px;overflow:hidden;background:white;box-shadow:0 12px 22px #211d3810}.ig-head{display:flex;align-items:center;gap:9px;padding:12px;font-size:12px}.ig-head img,.ig-avatar{width:29px;height:29px;border-radius:50%;object-fit:contain;background:#eee9ff}.ig-avatar{display:grid;place-items:center}.ig-head span:last-child{margin-left:auto}.ig-stage{position:relative;aspect-ratio:4/5;background:#f2eef9;overflow:hidden}.instagram-mock.square .ig-stage{aspect-ratio:1}.instagram-mock.vertical .ig-stage{aspect-ratio:9/16}.ig-stage iframe,.ig-images,.ig-images img{width:100%;height:100%;display:block;border:0}.ig-images img{object-fit:contain;background:#f1eef8}.ig-images img[hidden]{display:none}.ig-prev,.ig-next{position:absolute;top:48%;transform:translateY(-50%);width:33px;height:33px;border-radius:50%;border:0;background:#ffffffd9;font-size:23px;box-shadow:0 3px 8px #0002}.ig-prev{left:8px}.ig-next{right:8px}.ig-counter{position:absolute;top:12px;right:12px;color:#fff;background:#282239b5;padding:5px 9px;border-radius:22px;font-size:11px}.ig-empty{display:grid;place-items:center;min-height:280px;background:#ede7fa;color:#a196bf}.instagram-mock.vertical .ig-empty{min-height:420px}.ig-copy{padding:10px 14px;font-size:12px;word-break:break-word}.ig-icons{font-size:23px}.ig-copy p{line-height:1.7}.content-details{padding:4px 0}.content-details h3{font-size:17px}.detail-field{border-bottom:1px solid #eeeaf7;padding:11px 0}.detail-field>span{display:block;font-size:11px;color:#827b9b;margin-bottom:5px}.detail-field strong{font-size:13px}.detail-field p{white-space:pre-wrap;line-height:1.6}.review-controls{padding:17px;border-radius:15px;background:#f6f2ff;margin-top:15px}.review-controls .actions{margin:12px 0}.review-message label{display:grid;gap:7px}.review-message textarea{width:100%;border:1px solid #dad0f1;padding:12px;border-radius:12px}.review-submit{margin-top:10px}.download-stage{min-height:210px;background:#eee6ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.download-stage span{letter-spacing:.12em;font-size:10px;font-weight:800}.download-links{padding:12px;display:flex;gap:6px;flex-wrap:wrap}.centered{text-align:center;padding:50px 25px}.countdown{font-size:25px;color:#6750e8;font-weight:800;margin:20px 0}.client-footer{font-size:11px;text-align:center;color:#9a91ac;padding:45px}.client-login{margin:70px auto}
@media(max-width:850px){.client-intro{grid-template-columns:1fr}.intro-art{display:none}.client-kpis{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:1fr}.instagram-mock{margin:auto}.client-shell{padding:12px}.intro-copy{padding:27px}.client-brand{gap:12px}.client-brand>span{font-size:9px}.client-header{padding:8px 2px 16px}}@media(max-width:520px){.client-kpis{grid-template-columns:repeat(2,1fr)}.content-head{flex-direction:column}.client-brand>span{max-width:120px}.client-accordion summary{padding:12px}.client-shell{padding:10px}.content-review{padding:13px}}

.client-final{padding:38px;background:#fff}.client-final>h2{font-size:29px;color:#28215a}.client-final>p{color:#77718d;line-height:1.7}.client-final .review-controls{max-width:750px}
/* TEMAC OS V1.3 — Professional workspace refresh */
:root{--bg:#f7f7fb;--panel:#fff;--ink:#25213d;--muted:#7b7b94;--line:#eae8f2;--red:#6950df;--redlight:#efebff;--sidebar:#fff;--radius:20px}
body{font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
.app{min-height:100vh;background:#f7f7fb}
.sidebar{width:260px;padding:23px 15px;background:#fff;box-shadow:6px 0 26px #33305d06;z-index:2}
.sidebar .brand{font-size:19px;letter-spacing:-.05em;color:#201b36;padding:0 10px 26px;border-bottom:1px solid #f0edf7;margin-bottom:14px}
.brandmark,.logo{background:linear-gradient(135deg,#8b73ff,#6247d6);box-shadow:0 8px 20px #6f52db33;border-radius:13px;padding:9px 14px}
.sidebar a.nav{font-size:13px;font-weight:650;padding:11px 14px;margin:3px 0;color:#77758d;transition:all .18s ease}
.sidebar a.nav:hover{transform:translateX(2px);background:#f7f4ff;color:#6950df}
.sidebar a.nav.active{background:#eee9ff;color:#6048d8;box-shadow:inset 3px 0 0 #7455e8}
.sidebar .nav-demo{margin-top:20px;background:#f5f0ff;color:#6045c9;border:1px solid #e6dffc;text-align:center}
.sidebar-footer{margin:25px 11px 10px;font-size:11px;color:#86839e}.sidebar-footer small{display:block;color:#acaabd;margin:2px 0 0 13px}
.sidebar-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#42bd85}
.main{padding:30px 36px 60px;max-width:1680px}.topbar{padding:0 0 19px;margin-bottom:25px;border-bottom:1px solid #eae8f2}
.topbar h1{font-size:31px;letter-spacing:-.065em;line-height:1.15;margin-top:7px}
.topbar .eyebrow{letter-spacing:.17em;font-size:10px}
.card{border-color:#eceaf3;box-shadow:0 12px 36px rgba(36,28,92,.035);padding:25px;border-radius:21px}
.card h2{font-size:19px;letter-spacing:-.04em;color:#282347}
.cards .card{position:relative;min-height:130px;transition:transform .2s ease,box-shadow .2s ease}
.cards .card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #42367a12}
.kpi{font-size:32px;letter-spacing:-.05em;margin-top:12px}
.kpi-label{font-weight:650;font-size:12px;color:#827d9b}
.btn{border-radius:11px;padding:10px 16px;transition:background .16s ease,box-shadow .16s ease,transform .16s ease;line-height:1.35}
.btn:hover{transform:translateY(-1px)}.btn.primary{background:#6750e8;color:white;border-color:#6750e8}
.btn.primary:hover{box-shadow:0 10px 26px #6750e83d}
.badge{letter-spacing:.06em;border-radius:8px}
.form-grid{gap:17px;align-items:end}
.form-grid label,.stack label{font-size:12px;font-weight:750;color:#4d4966}
.form-grid input,.form-grid textarea,.form-grid select,.stack input,.stack select,.stack textarea,.search{min-height:46px;border-color:#e0dcef;border-radius:12px;padding:12px 14px;transition:border .15s,box-shadow .15s;line-height:1.35}
.form-grid textarea,.stack textarea{min-height:128px}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.stack input:focus,.stack textarea:focus{box-shadow:0 0 0 4px #7457ec16;border-color:#8e7be7}
.table th{color:#8d899f;padding:14px;font-size:10px;white-space:nowrap}
.table td{padding:15px 14px;font-size:12px}.table tr:hover td{background:#fcfbff}
.authbody{background:radial-gradient(circle at 80% 8%,#e8dfff 0%,transparent 38%),radial-gradient(circle at 13% 88%,#eeeaff 0%,transparent 34%),#f9f8fd}
.authcard{border-radius:25px;padding:38px;box-shadow:0 28px 80px #3f33701a}.authcard.wide{width:min(740px,100%)}
.authcard h1{letter-spacing:-.05em;font-size:29px}.authcard p{line-height:1.7}
.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:25px;padding:30px 36px;margin-bottom:22px;background:linear-gradient(115deg,#29204d,#54399c 65%,#8966e9);color:#fff;box-shadow:0 16px 40px #422b8d22}
.dashboard-welcome .eyebrow{color:#b9a5ff;font-size:10px}.dashboard-welcome h2{font-size:clamp(23px,2.3vw,33px);letter-spacing:-.055em;line-height:1.12;margin:10px 0}.dashboard-welcome p{color:#e1dbf4;font-size:13px;max-width:570px;margin:0}
.dashboard-welcome .btn.demo-white{background:#ffffff1a;border:1px solid #ffffff5c;color:#fff}.dashboard-welcome .btn.primary{background:#fff;color:#49319e;border:1px solid #fff}
.demo-page{max-width:1190px;margin:auto;padding:34px 24px 60px}.demo-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.demo-hero{padding:45px;background:linear-gradient(130deg,#27204c,#5a39b6);border-radius:25px;color:#fff;margin-bottom:20px;box-shadow:0 22px 50px #4b38902b}
.demo-hero .eyebrow{color:#bcb0ff}.demo-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.06em;margin:7px 0 14px}
.demo-hero p{max-width:720px;color:#e4def6;font-size:15px}.demo-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.demo-badges span{border:1px solid #ffffff42;border-radius:22px;padding:6px 12px;font-size:12px}
.demo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.demo-gallery img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:18px;box-shadow:0 13px 26px #2d264616}
.demo-success{border:1px solid #a9dbbf;background:#f1fff5}
.client-intro{box-shadow:0 20px 50px #6a50bc12}.client-accordion{transition:transform .18s ease}.client-accordion:hover{transform:translateY(-1px)}.content-review{box-shadow:0 14px 35px #4032780a}
@media(max-width:1050px){.main{padding:25px}.sidebar{width:225px}.dashboard-welcome{padding:25px}}
@media(max-width:740px){.sidebar{width:100%;height:auto;position:static;box-shadow:none}.sidebar-footer{display:none}.main{padding:16px}.dashboard-welcome{display:block;padding:26px}.dashboard-welcome .actions{margin-top:19px}.topbar h1{font-size:25px}.authcard{padding:24px}.demo-gallery{grid-template-columns:repeat(2,1fr)}.demo-hero{padding:25px}}

/* TEMAC Agency OS V1.4 — Portal modular y cuadrícula estable */
.portal-modules{margin:30px 0 18px;scroll-margin-top:12px;background:white;padding:25px;border-radius:23px;border:1px solid #e9e4f8;box-shadow:0 13px 35px #392b7408}.portal-modules-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.portal-modules-top h2{margin:3px 0 4px;font-size:clamp(22px,2.5vw,31px);letter-spacing:-.04em}.portal-modules-top p{color:#78718f;margin:4px 0 18px}.module-count{background:#f0ecff;color:#6350cf;border-radius:50px;font-size:11px;font-weight:800;padding:9px 14px;white-space:nowrap}.portal-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.portal-module-link{display:flex;align-items:center;gap:11px;background:#faf9ff;border:1px solid #e9e4f6;border-radius:15px;padding:16px 12px;color:#33285f;min-height:82px;transition:box-shadow .2s,border-color .2s,background .2s}.portal-module-link:hover{background:#f4f0ff;border-color:#baa9fb;box-shadow:0 8px 18px #6750e816}.portal-module-link.selected{background:#ede7ff;border-color:#8067ea;box-shadow:inset 0 0 0 1px #8067ea}.portal-module-link>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.portal-module-link strong{font-size:13px;line-height:1.2}.portal-module-link small{font-size:10px;color:#7b7497;line-height:1.35}.module-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:white;color:#6750e8;border-radius:10px;font-size:19px}.module-arrow{font-size:22px;color:#8d7abd;margin-left:auto}.client-items.content-grid-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.content-grid-three .content-review{padding:15px;min-width:0;display:flex;flex-direction:column}.content-grid-three .content-head{display:flex;flex-direction:column;gap:8px;min-height:104px}.content-grid-three .content-head h3{font-size:17px;line-height:1.28;overflow-wrap:anywhere}.content-grid-three .content-head .eyebrow{font-size:9px;line-height:1.5}.content-grid-three .content-head .badge{align-self:flex-start}.content-grid-three .content-layout{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.content-grid-three .instagram-mock{width:100%;max-width:none;margin:0;flex:none}.content-grid-three .ig-stage{width:100%;aspect-ratio:4/5;overflow:hidden}.content-grid-three .instagram-mock.square .ig-stage{aspect-ratio:1/1}.content-grid-three .instagram-mock.vertical .ig-stage{aspect-ratio:9/16}.content-grid-three .ig-stage img,.content-grid-three .ig-stage video,.content-grid-three .ig-stage iframe{width:100%;height:100%;object-fit:contain;display:block}.content-grid-three .ig-stage img[hidden]{display:none!important}.content-grid-three .ig-copy{max-height:125px;overflow:auto}.content-grid-three .content-details{padding:0 2px;flex:1;display:flex;flex-direction:column}.content-grid-three .content-details h3{font-size:14px;margin:8px 0}.content-grid-three .detail-field{padding:8px 0}.content-grid-three .detail-field p{font-size:12px;overflow-wrap:anywhere}.content-grid-three .review-controls{margin-top:auto;padding:12px}.content-grid-three .review-controls h3{font-size:14px}.content-grid-three .review-controls .actions{flex-direction:column;align-items:stretch}.content-grid-three .review-controls .actions .btn{width:100%}.content-grid-three .download-stage{min-height:190px}.content-grid-three .download-links .btn{font-size:11px}.content-grid-three .ig-empty{min-height:0;height:100%;aspect-ratio:4/5}.content-grid-three .instagram-mock.vertical .ig-empty{aspect-ratio:9/16}.content-grid-three .instagram-mock.square .ig-empty{aspect-ratio:1/1}@media(max-width:1100px){.portal-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-items.content-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.portal-modules{padding:15px}.portal-modules-top{display:block}.portal-module-grid,.client-items.content-grid-three{grid-template-columns:minmax(0,1fr)}.content-grid-three .content-head{min-height:auto}.portal-module-link{min-height:70px}}

/* V1.5 - Creative Studio condensed cards, modal config, reliable client filters */
[data-filter-target] > [hidden], [data-studio-kind][hidden], .ig-images img[hidden], .slidebox img[hidden], [hidden] {display:none!important}
.studio-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;margin-bottom:24px}
.studio-content-card{min-width:0;display:flex;flex-direction:column;gap:11px;border-radius:19px;border:1px solid #e8e3f4;background:white;padding:15px;box-shadow:0 10px 28px #44317a0a}
.studio-card-head{display:flex;flex-direction:column;gap:6px;min-height:93px}.studio-card-head h3{font-size:16px;line-height:1.3;margin:4px 0;overflow-wrap:anywhere}.studio-card-head .badge{align-self:flex-start}
.studio-card-media.mock{width:100%;max-width:100%;margin:0;border-radius:14px}.studio-card-media .mockphoto{width:100%;height:100%;object-fit:contain;display:block}.studio-card-media .slidebox{width:100%;aspect-ratio:4/5;overflow:hidden;background:#f3effb}.studio-card-media.square .slidebox{aspect-ratio:1}.studio-card-media.reel .slidebox{aspect-ratio:9/16}.studio-card-media .placeholder-media{min-height:180px}.studio-card-media .media-screen{aspect-ratio:9/16}.studio-card-media .media-screen video,.studio-card-media .media-screen iframe{width:100%;height:100%;object-fit:contain;border:0;background:#101018}.studio-card-media .mockbottom{padding:10px 12px;max-height:102px;overflow:auto;font-size:12px;overflow-wrap:anywhere}.studio-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.studio-card-actions .btn{flex:1;white-space:normal}.studio-feedback{border-top:1px solid #eeeaf7;padding-top:10px;font-size:12px}.studio-feedback summary{cursor:pointer;color:#6750e8;font-weight:700}
.studio-config-dialog{border:1px solid #e5def4;border-radius:22px;padding:0;width:min(750px,calc(100% - 28px));max-height:min(90vh,900px);box-shadow:0 30px 100px #21144355;color:var(--ink);background:#fff}.studio-config-dialog::backdrop{background:rgba(22,17,43,.62)}.studio-dialog-header{display:flex;justify-content:space-between;gap:20px;padding:22px 25px 15px;border-bottom:1px solid #ece8f5;position:sticky;top:0;background:#fff;z-index:2}.studio-dialog-header h2{font-size:21px;margin:4px 0}.studio-dialog-close{border:0;border-radius:10px;background:#f2eff9;font-size:25px;width:37px;height:37px;color:#574d72}.studio-dialog-body{padding:23px 25px 27px;max-height:calc(90vh - 110px);overflow:auto}.studio-dialog-body .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.studio-dialog-body .form-grid label:nth-of-type(n+4){grid-column:1/-1}.studio-dialog-actions{display:flex;justify-content:flex-end;gap:9px}.studio-delete-area{margin-top:13px;border-top:1px solid #ede7f7;padding-top:13px}
@media(max-width:1150px){.studio-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.studio-content-grid{grid-template-columns:1fr}.studio-dialog-body .form-grid{grid-template-columns:1fr}.studio-dialog-body .form-grid label{grid-column:1/-1}.studio-dialog-header,.studio-dialog-body{padding-left:17px;padding-right:17px}}

/* V1.6 — Compact premium fintech-inspired workspace (responsive, no behavior changes) */
:root{--bg:#f5f5fa;--panel:#fff;--ink:#24223b;--muted:#86849b;--line:#e7e6f0;--red:#6654ed;--redlight:#eeebff;--radius:15px}
body{font-family:Inter,"Segoe UI Variable",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12.5px;line-height:1.5;letter-spacing:-.005em;background:var(--bg);color:var(--ink)}
.app{background:var(--bg);min-height:100vh}
.sidebar{width:221px;padding:17px 10px;position:sticky;top:0;height:100vh;overflow-y:auto;background:#fff;border-right:1px solid #e8e7f1;box-shadow:none}
.sidebar .brand{font-size:15px;letter-spacing:-.045em;padding:5px 11px 18px;margin-bottom:13px;border-bottom:1px solid #f0eff5;gap:10px}
.brandmark,.logo{border-radius:10px;padding:7px 11px;font-size:15px;box-shadow:none;background:linear-gradient(135deg,#7568fa,#5141d5)}
.sidebar a.nav{display:flex;align-items:center;gap:11px;padding:9px 11px;margin:2px 0;border-radius:9px;font-size:12px;line-height:1.3;color:#77758b;font-weight:560;transition:background .14s,color .14s}
.sidebar a.nav svg{width:16px;height:16px;flex:none;opacity:.8}.sidebar a.nav span{display:block;min-width:0}
.sidebar a.nav:hover{transform:none;background:#f7f5ff;color:#5e4ddd}.sidebar a.nav.active{background:#ece9ff;color:#5c4adc;box-shadow:none;font-weight:720}.sidebar a.nav.active svg{opacity:1}
.sidebar .nav-demo{background:#f6f3ff;border:1px solid #ece7ff;margin-top:12px}.sidebar-footer{font-size:10px;line-height:1.6;margin:23px 9px 8px}
.main{max-width:none;padding:22px 27px 56px;margin:0;min-width:0;width:100%}.topbar{gap:16px;align-items:center;padding:0 0 15px;margin-bottom:17px;border-bottom:1px solid #e9e8f2}.topbar .eyebrow{font-size:9px;letter-spacing:.12em}.topbar h1{font-size:24px;line-height:1.16;letter-spacing:-.045em;margin:4px 0 5px}.topbar .meta{font-size:11px}
.card{padding:18px 19px;border-radius:15px;border:1px solid #e7e6f0;box-shadow:0 3px 13px #27204607;margin-bottom:14px}.card h2{font-size:15px;letter-spacing:-.025em;margin:0 0 13px}.cards{gap:11px}.cards .card{min-height:97px}.kpi{font-size:25px;margin-top:8px;letter-spacing:-.045em}.kpi-label{font-size:11px;font-weight:600}.grid2{gap:13px}.grid3{gap:12px}
.btn{font-size:11px;font-weight:700;line-height:1.25;padding:8px 12px;border-radius:9px;box-shadow:none}.btn.primary{box-shadow:none;background:#6654ed;border-color:#6654ed}.btn:hover{transform:none}.btn.tiny{padding:6px 9px;font-size:10.5px}.actions{gap:6px}.badge{font-size:9px;letter-spacing:.025em;border-radius:7px;padding:4px 7px}
.form-grid{gap:12px;align-items:end}.form-grid label,.stack label{font-size:11px;font-weight:650;gap:5px;color:#515068}.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea,.search{min-height:36px;border-radius:9px;padding:8px 10px;font-size:12px;border:1px solid #e0dfee;line-height:1.45}.form-grid textarea,.stack textarea{min-height:90px}.pill-check{padding:9px;font-size:11px}.table{font-size:11px}.table th{font-size:9px;padding:10px 11px;letter-spacing:.045em}.table td{font-size:11px;padding:10px 11px}.table-wrap{border:1px solid #f0eef6;border-radius:10px}.table tr:hover td{background:#f8f7fd}
.reviewbox{padding:11px;border-radius:10px;margin-top:10px}.reviewbox strong{font-size:11.5px}.mini,.small{font-size:10.5px}.tabs{gap:6px}.tabs a{font-size:11px;padding:7px 10px;border-radius:8px}.eyebrow{font-size:9px}.dashboard-welcome{padding:22px 25px;border-radius:17px;margin-bottom:15px;background:linear-gradient(110deg,#211d39 0%,#34305d 55%,#675ce1 100%);box-shadow:0 8px 20px #30265a13}.dashboard-welcome h2{font-size:clamp(20px,2.2vw,27px);margin:6px 0 8px;max-width:520px}.dashboard-welcome p{font-size:11.5px;max-width:510px}.dashboard-welcome .eyebrow{font-size:9px}.dashboard-welcome .actions{gap:7px}.dashboard-welcome .btn{font-size:11px}
.studio-content-grid{gap:12px}.studio-content-card{padding:12px;border-radius:13px;gap:8px}.studio-card-head{min-height:72px}.studio-card-head h3{font-size:13px;line-height:1.35}.studio-card-media.mock{border-radius:11px}.studio-config-dialog{width:min(700px,calc(100% - 28px));border-radius:16px}.studio-dialog-header{padding:16px 19px 12px}.studio-dialog-header h2{font-size:17px}.studio-dialog-body{padding:17px 19px}.studio-dialog-body .form-grid{gap:11px}.studio-dialog-close{height:31px;width:31px;font-size:20px}.studio-card-actions .btn{font-size:10px}
.authcard{border-radius:17px;box-shadow:0 18px 45px #231c4e14;padding:26px}.authcard.wide{width:min(690px,100%)}.authcard h1{font-size:23px}.authbody{background:radial-gradient(circle at 80% 6%,#e9e7ff 0%,transparent 38%),#f5f5fa}
.studio-hero{border-radius:15px;padding:20px}.studio-hero h2{font-size:22px}.content-review{border-radius:15px;padding:16px}.client-header,.client-shell{max-width:1300px}.client-intro{border-radius:18px}.client-section{margin-top:36px}.client-accordion{border-radius:12px}.content-head h3{font-size:17px}.client-section>h2{font-size:clamp(21px,2.5vw,31px)}.client-kpi{min-height:77px;padding:12px;border-radius:11px}.client-kpi strong{font-size:23px}.client-kpi span{font-size:10px}
*:focus-visible{outline:2px solid #7a6cf7;outline-offset:2px}
@media(min-width:1500px){.main{padding:24px 38px 64px}.sidebar{width:238px}.cards .card{min-height:104px}}
@media(max-width:1060px){.sidebar{width:198px}.main{padding:18px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.sidebar{height:auto;width:100%;position:relative;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;gap:3px;padding:8px 9px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{white-space:nowrap;margin:0 7px 0 0;padding:0 8px 0 0;border:0;font-size:13px}.sidebar a.nav{flex:none;font-size:10.5px;padding:8px}.sidebar a.nav svg{width:15px;height:15px}.sidebar .nav-demo{margin-top:0}.main{padding:14px}.topbar h1{font-size:21px}.topbar .actions{flex:none}.dashboard-welcome{padding:18px}.dashboard-welcome h2{font-size:21px}.dashboard-welcome .actions{margin-top:12px}.card{padding:14px}.grid2,.grid3,.form-grid{grid-template-columns:1fr}.studio-content-grid{grid-template-columns:1fr}.table td,.table th{padding:9px}.client-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{font-size:22px}.sidebar .brand{font-size:12px}.topbar .meta{font-size:10px}}
@media print{.sidebar,.topbar .actions{display:none!important}.main{padding:0!important}.card{box-shadow:none}.dashboard-welcome{box-shadow:none}}

/* V1.7 - Planner redesign and cleaner structure */
.planner-picker-card{padding:18px 20px}.planner-picker-head h2{margin-bottom:6px}.planner-picker-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.planner-picker-form .search{min-height:40px}
.planner-hero{padding:24px 26px}.planner-hero .actions form{display:inline}.planner-hero-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.planner-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.planner-overview-grid,.planner-composer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:14px;align-items:start}.planner-sidebar{min-width:0}.planner-card{padding:18px 18px 17px}.planner-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.planner-section-head.compact{margin-bottom:12px}.planner-section-head h2{margin:4px 0 6px;font-size:17px;letter-spacing:-.03em}.planner-section-head p{margin:0}.planner-label{display:block;font-size:11px;font-weight:700;color:#515068;margin-bottom:8px}.planner-pill-grid{margin-top:6px}
.planner-meta-list{display:grid;gap:10px}.planner-meta-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #efedf6}.planner-meta-list div:last-child{border-bottom:0;padding-bottom:0}.planner-meta-list span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#8c87a4}.planner-meta-list strong{font-size:12px;color:#2a2646;text-align:right}
.planner-upcoming-list{display:grid;gap:9px}.planner-upcoming-item{display:block;padding:12px;border:1px solid #ece7f7;border-radius:12px;background:#fbfaff;transition:.18s}.planner-upcoming-item:hover{border-color:#c8baf8;background:#f5f1ff}.planner-upcoming-date{display:inline-block;font-size:10px;font-weight:800;color:#6a57de;background:#efe9ff;padding:4px 7px;border-radius:999px;margin-bottom:7px}.planner-upcoming-item strong{display:block;font-size:13px;line-height:1.3;margin-bottom:4px}.planner-upcoming-item small{display:block;color:#7a7392;font-size:10.5px}
.planner-timeline{display:grid;gap:11px}.planner-timeline-item{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px}.planner-timeline-dot{width:12px;height:12px;border-radius:999px;background:#6a57de;box-shadow:0 0 0 4px #f0ebff;margin-top:7px}.planner-timeline-content{padding:12px 13px;border:1px solid #ece7f7;border-radius:13px;background:#fcfbff}.planner-timeline-content p{margin:7px 0 0}
.planner-add-row summary{font-weight:700;color:#4f437f}
@media(max-width:1180px){.planner-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.planner-overview-grid,.planner-composer-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:740px){.planner-picker-form{grid-template-columns:1fr}.planner-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-hero{padding:18px}.planner-card{padding:15px}}

/* V1.8 - full SaaS interface refresh */
body{background:#f1f2f8;color:#222338}
.app{display:grid;grid-template-columns:250px 1fr;gap:18px;padding:18px}
.sidebar{width:auto;height:calc(100vh - 36px);border:0;background:#17181f;border-radius:30px;padding:18px 12px;box-shadow:0 24px 70px rgba(24,25,34,.18)}
.sidebar .brand{border:0;margin-bottom:18px;padding:6px 12px 12px;color:#fff}.sidebar .brand .muted{color:#a9add1}.brandmark{background:linear-gradient(135deg,#8a7bff,#5f49eb)}
.sidebar a.nav{color:#b3b8d0;border-radius:14px;padding:11px 12px;font-size:12px;font-weight:600;margin:3px 0}.sidebar a.nav svg{opacity:.9}.sidebar a.nav:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar a.nav.active{background:linear-gradient(135deg,#6c5bf1,#8a7bff);color:#fff;box-shadow:0 12px 26px rgba(108,91,241,.3)}
.sidebar .nav-demo{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);color:#fff}.sidebar-footer{color:#9aa0ba}.sidebar-dot{background:#62d286}
.main{padding:8px 6px 48px}.topbar{padding:6px 4px 18px;border-bottom:0}.topbar h1{font-size:30px;font-weight:800;letter-spacing:-.05em}.topbar .meta{color:#7d8298}.topbar .actions .btn{background:#fff}
.card,.authcard{border:1px solid #e8e9f3;border-radius:28px;box-shadow:0 16px 42px rgba(38,41,62,.06);background:#fff}
.card h2{font-size:22px;letter-spacing:-.04em;margin:0}.btn{border-radius:14px;padding:10px 14px;font-size:11.5px}.btn.primary{background:#6c5bf1;border-color:#6c5bf1}.btn.danger{background:#fff4f4}.btn.tiny{border-radius:12px;padding:7px 10px}.badge{border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800}
.section-head-v18,.module-hero-v18,.archive-search,.dash-hero-card,.statusline,.metrics-strip,.dark-summary-grid,.content-mini-card,.cat-row,.settings-status-list div{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head-v18{margin-bottom:16px;align-items:flex-start}.section-head-v18 h2{font-size:20px}.section-head-v18 .eyebrow{margin-bottom:4px}
.dash-hero-v18{margin-bottom:16px}.dash-hero-card{align-items:stretch;padding:28px;gap:24px;border-radius:30px;background:linear-gradient(135deg,#ffffff 0%,#faf7ff 54%,#f2ecff 100%);border:1px solid #e7dcff;box-shadow:0 24px 60px rgba(109,85,232,.08)}
.dash-hero-card h2{font-size:42px;line-height:1;max-width:680px;margin:8px 0 12px;letter-spacing:-.065em}.dash-hero-card p{max-width:650px;color:#686e85;font-size:13px}.dash-hero-aside{min-width:260px;background:linear-gradient(180deg,#1e1f28,#292b38);color:#fff;padding:24px;border-radius:24px;display:grid;gap:10px;align-content:start}.month-chip{display:inline-flex;background:rgba(255,255,255,.08);padding:7px 10px;border-radius:999px;font-size:11px;color:#dddff8}.hero-kpi{font-size:34px;font-weight:800;letter-spacing:-.05em}
.stats-grid-v18{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px}.stat-card-v18{padding:18px 18px 16px}.stat-card-v18 .kpi{font-size:28px;margin-top:8px}.stat-card-v18 .mini{color:#81869d}
.dashboard-grid-v18{display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.dashboard-grid-v18>.card{padding:22px}.feature-panel-v18,.list-panel-v18,.recent-content-v18{min-width:0}.dark-panel-v18{background:linear-gradient(180deg,#191b23,#232638);color:#fff;border-color:#232638}.dark-panel-v18 h2,.dark-panel-v18 strong,.dark-panel-v18 .eyebrow,.dark-panel-v18 .mini,.dark-panel-v18 small,.dark-panel-v18 span{color:inherit}.dark-panel-v18 .badge{background:rgba(255,255,255,.08);border-color:transparent}
.chart-bars-v18{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;align-items:end;min-height:260px;margin-top:10px}.bar-col{text-align:center}.bar-track{height:170px;background:#f4f5fb;border-radius:18px;display:flex;align-items:flex-end;padding:10px}.bar-fill{display:block;width:100%;border-radius:12px;background:linear-gradient(180deg,#bfb3ff,#6c5bf1)}.bar-col strong{display:block;font-size:11px;margin-top:10px}.bar-col small{display:block;color:#8a90a7;font-size:10px;margin-top:4px}
.metrics-strip{margin-top:18px;padding-top:16px;border-top:1px solid #ececf4;display:grid;grid-template-columns:repeat(3,1fr)}.metrics-strip div{display:grid;gap:4px}.metrics-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a90a7}.metrics-strip strong{font-size:18px;letter-spacing:-.03em}
.progressline{height:10px;background:#efeff6;border-radius:999px;overflow:hidden}.progressline span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8f81ff,#6c5bf1)}.progressline.compact{height:8px;margin-top:6px}.progressline.dark{background:rgba(255,255,255,.1)}.progressline.orange span{background:linear-gradient(90deg,#ffb36a,#ff8d58)}.progressline.gray span{background:linear-gradient(90deg,#d4d7e8,#aab1c9)}
.dark-list-v18{display:grid;gap:14px;margin:18px 0}.dark-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.dark-summary-grid div{display:grid;gap:4px}.dark-summary-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#a4abcb}.dark-summary-grid strong{font-size:18px}
.list-stack-v18,.activity-v18,.category-list-v18{display:grid;gap:12px}.project-row-v18,.activity-item-v18,.content-mini-card,.cat-row{padding:14px;border:1px solid #ececf4;border-radius:18px;background:#fbfbfe}.project-row-v18:hover{border-color:#d6cff9;background:#f8f6ff}.project-row-v18{display:grid;grid-template-columns:1fr auto;gap:12px;text-decoration:none;color:inherit}.project-row-v18 small,.activity-item-v18 small,.content-mini-card small,.cat-row small{display:block;font-size:10px;color:#8a90a7;margin-top:4px}.project-row-side{text-align:right;min-width:180px}.activity-item-v18{display:grid;grid-template-columns:12px 1fr;align-items:flex-start}.activity-item-v18 .dot{width:10px;height:10px;background:#6c5bf1;border-radius:999px;box-shadow:0 0 0 6px #f1edff;margin-top:6px}.activity-item-v18 p,.content-mini-card p{margin:8px 0 0;color:#6e748b;font-size:11px;line-height:1.45}
.content-cards-v18{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-mini-card{display:grid;grid-template-columns:92px 1fr;align-items:start}.content-thumb{width:92px;aspect-ratio:4/5;border-radius:16px;background:#eee center/cover no-repeat}
.module-hero-v18{padding:22px 24px;margin-bottom:16px}.module-hero-v18 h2{font-size:30px;letter-spacing:-.05em;margin:6px 0 8px}.module-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.modern-table th{background:#fafafe}.modern-table td,.modern-table th{padding:13px 14px}.modern-table tr:hover td{background:#f7f7fe}
.category-list-v18{margin-top:16px}.cat-row{background:#fff}.cat-row strong:last-child{font-size:14px}.finance-strip>div{display:grid;gap:8px}.finance-kpis .money{font-size:24px}
.archive-search{display:flex;gap:10px;flex-wrap:wrap}.archive-search .search{flex:1;min-width:250px}
.settings-grid-v18 .card{padding:22px}.settings-status-list{display:grid;gap:12px}.settings-status-list div{padding:12px 14px;border-radius:16px;background:#f8f8fe;border:1px solid #ececf6}.settings-status-list span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a90a7}.settings-status-list strong{font-size:12px;display:block;max-width:100%}
.form-grid input,.form-grid select,.form-grid textarea,.search{background:#fbfbfe;border-color:#e7e7f0;border-radius:14px;min-height:42px;padding:10px 12px}.form-grid textarea{min-height:110px}.form-grid label{font-size:11px;color:#50566d}.pill-check{border-radius:14px;background:#faf9ff;border:1px solid #ebe7fb}.notice{border-radius:18px}
@media(max-width:1400px){.stats-grid-v18{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid-v18{grid-template-columns:1fr}.content-cards-v18{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.app{grid-template-columns:1fr;padding:12px}.sidebar{height:auto;border-radius:24px;position:relative}.stats-grid-v18,.module-grid-2{grid-template-columns:1fr 1fr}.dash-hero-card{grid-template-columns:1fr;display:grid}.dash-hero-card h2{font-size:32px}.topbar h1{font-size:24px}}
@media(max-width:720px){.stats-grid-v18,.module-grid-2,.metrics-strip,.content-cards-v18{grid-template-columns:1fr}.chart-bars-v18{grid-template-columns:repeat(3,minmax(0,1fr))}.project-row-v18,.content-mini-card{grid-template-columns:1fr}.project-row-side{text-align:left;min-width:0}.dash-hero-card{padding:20px}.dash-hero-aside{min-width:0}.module-hero-v18 h2{font-size:24px}.topbar{padding-bottom:10px}}

/* V1.8 — Modern executive interface */
.dash-hero-v18,.module-hero-v18{margin-bottom:16px}
.dash-hero-card,.module-hero-v18{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:18px;align-items:stretch;padding:24px 26px;border:1px solid #ece9f5;border-radius:28px;background:linear-gradient(180deg,#ffffff 0%,#faf9ff 100%);box-shadow:0 18px 42px rgba(26,19,74,.05)}
.dash-hero-card h2,.module-hero-v18 h2{font-size:34px;line-height:1.02;letter-spacing:-.045em;margin:6px 0 10px;color:#21203a}.module-hero-v18 h2{font-size:28px}
.dash-hero-card p,.module-hero-v18 p{max-width:720px;color:#77718f}
.dash-hero-aside{background:linear-gradient(180deg,#f5f1ff,#ede8fd);border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:center}.month-chip{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:#5c53a8;align-self:flex-start}.hero-kpi{font-size:38px;font-weight:800;line-height:1;margin:18px 0 8px;color:#242344}
.stats-grid-v18{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:16px}.stats-grid-v18.finance-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card-v18{padding:18px;border-radius:24px}.stat-card-v18 .kpi{font-size:30px;letter-spacing:-.04em;margin:8px 0 4px}.stat-card-v18 .kpi.money{font-size:28px}
.dashboard-grid-v18,.module-grid-2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);gap:16px}.module-grid-2{margin-top:16px}.settings-grid-v18{margin-top:16px}
.section-head-v18{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.section-head-v18 h2{margin:3px 0 0;font-size:22px;letter-spacing:-.04em}.section-head-v18 .eyebrow.light{color:#c9c5e6}.feature-panel-v18,.dark-panel-v18,.list-panel-v18,.recent-content-v18{border-radius:28px;padding:22px}
.chart-bars-v18{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end;min-height:260px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:8px}.bar-track{width:100%;height:172px;border-radius:20px;background:#f0ecfb;padding:8px;display:flex;align-items:flex-end}.bar-fill{display:block;width:100%;border-radius:14px;background:linear-gradient(180deg,#bcaef9 0%,#6b57ea 100%);min-height:12%}.bar-col strong{font-size:12px;color:#32304f}.bar-col small{color:#857e9e;font-size:11px}
.metrics-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.metrics-strip div,.settings-status-list div,.dark-summary-grid div{background:#fbfaff;border:1px solid #efebf8;border-radius:18px;padding:14px}.metrics-strip span,.settings-status-list span,.dark-summary-grid span{display:block;color:#867ea1;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.06em;margin-bottom:6px}.metrics-strip strong,.settings-status-list strong,.dark-summary-grid strong{font-size:16px;color:#272643}
.dark-panel-v18{background:linear-gradient(180deg,#1d1c31,#2a2949);color:#fff}.dark-panel-v18 .badge{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.08)}.dark-list-v18{display:grid;gap:12px}.dark-row{padding:14px;border-radius:18px;background:rgba(255,255,255,.04)}.dark-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.dark-summary-grid div{background:rgba(255,255,255,.06);border:0}.dark-summary-grid strong,.dark-summary-grid span{color:#fff}
.progressline{height:9px;border-radius:999px;background:#ece8f8;overflow:hidden;margin-top:8px}.progressline span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6b57ea,#b69df8)}.progressline.orange span{background:linear-gradient(90deg,#ffb14a,#f0712c)}.progressline.gray span{background:linear-gradient(90deg,#9aa0b5,#777f97)}.progressline.dark{background:rgba(255,255,255,.08)}.progressline.compact{height:7px;margin-top:5px}
.list-stack-v18,.activity-v18,.category-list-v18{display:grid;gap:12px}.project-row-v18,.activity-item-v18,.content-mini-card,.cat-row{display:grid;gap:12px;align-items:center;border:1px solid #eeeaf9;background:#fcfbff;border-radius:20px;padding:14px;text-decoration:none;color:inherit}.project-row-v18{grid-template-columns:minmax(0,1fr) 220px}.project-row-v18 small,.activity-item-v18 small,.content-mini-card small,.cat-row small{display:block;color:#837d9d;font-size:11px;margin-top:3px}.project-row-side{text-align:right}.activity-item-v18{grid-template-columns:14px minmax(0,1fr)}.activity-item-v18 .dot{width:10px;height:10px;border-radius:50%;background:#6b57ea;box-shadow:0 0 0 5px #efe9ff;margin-top:6px}.activity-item-v18 p,.content-mini-card p{margin:6px 0 0;color:#66607f;font-size:12px;line-height:1.5}
.content-cards-v18{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.content-mini-card{grid-template-columns:86px minmax(0,1fr)}.content-thumb{height:86px;border-radius:18px;background:#ede8f8 center/cover no-repeat}
.archive-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.settings-status-list{display:grid;gap:10px}.category-list-v18 .cat-row{grid-template-columns:minmax(0,1fr) auto}.modern-table td,.modern-table th{vertical-align:middle}
@media(max-width:1280px){.stats-grid-v18{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid-v18.finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-v18,.module-grid-2,.dash-hero-card,.module-hero-v18{grid-template-columns:minmax(0,1fr)}.content-cards-v18{grid-template-columns:1fr}}
@media(max-width:760px){.dash-hero-card h2,.module-hero-v18 h2{font-size:26px}.stats-grid-v18,.stats-grid-v18.finance-kpis,.metrics-strip,.dark-summary-grid,.chart-bars-v18,.content-cards-v18{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-search{grid-template-columns:1fr}.project-row-v18{grid-template-columns:1fr}.project-row-side{text-align:left}.content-mini-card{grid-template-columns:1fr}.content-thumb{height:160px}}
/* TEMAC 2.0 — clean rounded workspace, reference-inspired layout */
:root{--bg:#f0f1f4;--panel:#fff;--ink:#191b20;--muted:#7c8089;--line:#e9e9ec;--red:#fc6529;--redlight:#fff0e8;--sidebar:#f4f4f6;--radius:18px}
body{background:#eceef2;color:#202126;font-family:Inter,'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:13px;letter-spacing:-.015em}
a:hover{color:#e75a24}.app{background:#f5f5f7;max-width:1720px;min-height:calc(100vh - 30px);margin:15px auto;border:1px solid #e8e8ea;border-radius:28px;padding:12px;gap:8px;box-shadow:0 25px 70px #22243310}
.sidebar{height:calc(100vh - 56px);width:214px;position:sticky;top:28px;background:transparent!important;color:#404148;border:0;border-radius:0!important;box-shadow:none!important;padding:14px 10px!important;overflow-y:auto}
.sidebar .brand{color:#17191f!important;border:0;padding:8px 8px 19px;font-size:16px;gap:10px;margin:0 0 12px;letter-spacing:-.055em}.sidebar .brand .muted{color:#23242a!important}.brandmark{width:35px;height:35px;border-radius:11px;background:#ff702d!important;color:#fff;display:grid;place-items:center;padding:0;font-size:19px;box-shadow:none!important}
.sidebar a.nav{color:#666b75!important;background:transparent;margin:3px 0!important;padding:10px 12px!important;border-radius:11px!important;font-size:12px!important;font-weight:570;display:flex;gap:12px;align-items:center;transition:background .15s,color .15s}
.sidebar a.nav.active{background:#1b1c20!important;color:white!important;box-shadow:none!important}.sidebar a.nav:hover:not(.active){background:#e8e8eb!important;color:#151519!important}
.sidebar a.nav svg{width:17px;height:17px;opacity:.9}.sidebar a.nav .fi{font-size:17px;width:18px;min-width:18px;line-height:1}.sidebar .nav-demo{margin-top:12px!important;border:1px solid #e7e7e9!important;background:#fff!important;color:#3d3e45!important}
.sidebar-footer{margin:22px 10px 10px;font-size:10px;color:#8d9099}.sidebar-footer small{color:#9da0a6}.sidebar-dot{background:#f97035}
.main{background:#fff;border-radius:21px;max-width:none;min-width:0;width:100%;margin:0;padding:20px 26px 40px!important;box-shadow:0 2px 18px #16171906}
.topbar{border:0;padding:2px 0 20px;margin-bottom:15px;align-items:center}.topbar h1{font-size:26px!important;font-weight:750!important;letter-spacing:-.06em;color:#16171a}.topbar .eyebrow{color:#ff6b2d;font-size:9px;font-weight:800;letter-spacing:.13em}.topbar .meta{color:#9a9ba4;font-size:11px}
.btn,.btn.primary{border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:none!important}.btn.primary{background:#17181c!important;border-color:#17181c!important;color:#fff!important}.btn.primary:hover{background:#34363e!important}.btn:hover{color:#f0612c;border-color:#ed8d67}.btn.danger{color:#c75151}
.card{border-radius:19px!important;border-color:#ededf0!important;box-shadow:0 2px 11px #12141b08!important;padding:18px 20px;margin-bottom:14px;background:#fff}
.card h2{font-size:16px;letter-spacing:-.04em}.kpi{color:#191b22!important;font-size:27px}.kpi-label{color:#9598a1!important;font-size:11px}.badge{border-radius:999px;background:#f1f1f3;color:#70727c;padding:5px 8px;font-size:9px}.badge.green{color:#1a926e;background:#e5f7ed}.badge.orange{color:#d16b2a;background:#fff0df}.badge.red{color:#c74f51;background:#ffe9ea}
.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea,.search{border-color:#e4e5e9;background:#fff;border-radius:10px;font-size:12px;min-height:36px}.form-grid label,.stack label{font-weight:650;font-size:11px;color:#555861}input:focus,textarea:focus,select:focus{border-color:#ff773e!important;box-shadow:0 0 0 3px #ff6b2d1c!important}
.table-wrap{border-radius:15px;border-color:#f0f0f2}.table th{color:#9a9da5}.table tr:hover td{background:#faf9f8}
.eyebrow{color:#ec6a32}.pill-check input{accent-color:#ff7438}.progressline span{background:linear-gradient(90deg,#ffb48a,#ff642b)}.progressline.orange span{background:linear-gradient(90deg,#ffbc65,#ff7b36)}
.dash-hero-v18{margin-bottom:15px}.dash-hero-card{position:relative;overflow:hidden;min-height:260px;display:grid;grid-template-columns:1.45fr .75fr;border:0;border-radius:23px;padding:30px;background:radial-gradient(circle at 74% 28%,#ec5d25 0%,#b83b1d 32%,transparent 60%),linear-gradient(115deg,#231b1e,#4c1d16 55%,#ed622b);box-shadow:none;color:#fff;isolation:isolate}
.dash-hero-card:after{content:"";position:absolute;width:380px;height:380px;border:70px solid #ffffff14;border-radius:45%;right:9%;top:-175px;transform:rotate(32deg);pointer-events:none;z-index:-1}
.dash-hero-card .eyebrow{color:#ffc2a2}.dash-hero-card h2{font-size:clamp(26px,3vw,43px);font-weight:800;line-height:1.05;letter-spacing:-.06em;color:#fff;max-width:590px}.dash-hero-card p{color:#ffe1d4;max-width:430px;font-size:12px;line-height:1.7}.dash-hero-card .actions{margin-top:22px}.dash-hero-card .btn.primary{background:#fff!important;color:#1d1b1b!important;border-color:#fff!important}.dash-hero-card .btn{background:#ffffff1b;color:#fff;border-color:#ffffff40}
.dash-hero-aside{background:#ffffff12;border:1px solid #ffffff30;backdrop-filter:blur(9px);border-radius:20px;padding:20px;align-self:center}.dash-hero-aside .month-chip{background:#ffffff25;color:#fff}.dash-hero-aside .hero-kpi{font-size:37px;color:#fff}.dash-hero-aside .mini{color:#f8cdbd}.dash-hero-aside .progressline{background:#ffffff2c}.dash-hero-aside .progressline span{background:#fff}
.stats-grid-v18{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.stats-grid-v18 .stat-card-v18{min-height:115px;padding:16px;border-radius:17px!important}.stats-grid-v18 .stat-card-v18:nth-child(2){background:#fff8f4}.stats-grid-v18 .stat-card-v18:nth-child(4){background:#f9fafb}.stats-grid-v18 .stat-card-v18 .kpi{font-size:28px}.stats-grid-v18 .mini{color:#a0a2aa}
.dashboard-grid-v18{gap:13px;grid-template-columns:1.2fr .9fr}.feature-panel-v18,.dark-panel-v18,.list-panel-v18,.recent-content-v18{padding:21px;border-radius:21px!important}.section-head-v18 h2{font-size:17px}.section-head-v18 .eyebrow{color:#f27135}
.dark-panel-v18{background:#1e2025!important;color:#fff;border-color:#1e2025!important}.dark-panel-v18 .dark-row{background:#292b31}.dark-panel-v18 .progressline.dark span{background:linear-gradient(90deg,#ffac6f,#ff632a)}.dark-panel-v18 .dark-summary-grid div{background:#2b2d34}
.bar-track{background:#fff4ef;border-radius:12px}.bar-fill{background:linear-gradient(#ffb28b,#ff692d);border-radius:8px}.chart-bars-v18{min-height:220px}.bar-col strong{font-size:11px}.metrics-strip div{border-radius:12px;background:#fafafa}.metrics-strip strong{font-size:14px}
.project-row-v18,.activity-item-v18,.content-mini-card,.cat-row{border-radius:12px;background:#fbfbfc;border-color:#efeff1}.activity-item-v18 .dot{background:#fb773d;box-shadow:0 0 0 5px #fff0e8}
.module-hero-v18{border-radius:20px!important;background:#fffafa}.module-hero-v18 h2{font-size:24px}.module-grid-2{gap:12px}
.strategy-row summary:hover{background:#fff6f0}.section-number{background:#fff0e8;color:#ea692e}.studio-hero{background:linear-gradient(110deg,#fff6f0,#fffdfb)!important;border-color:#ffe9dd!important}.studio-hero h2{color:#292127}
.client-view{font-family:inherit}.client-view .btn.primary{background:#6950ea!important;border-color:#6950ea!important}/* Portal retains its own identity */
@media(max-width:1300px){.stats-grid-v18{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid-v18{grid-template-columns:1fr}.dash-hero-card{grid-template-columns:1.4fr .85fr}}
@media(max-width:850px){.app{display:block;margin:0;border-radius:0;padding:0}.sidebar{position:relative;top:0;width:100%;height:auto;display:flex;overflow-x:auto;padding:8px 12px!important;border-radius:0!important}.sidebar .brand{padding:5px 8px;margin:0 6px 0 0;white-space:nowrap}.sidebar a.nav{white-space:nowrap;min-width:max-content}.sidebar .sidebar-footer{display:none}.main{border-radius:0;padding:17px!important}.dash-hero-card{grid-template-columns:1fr}.dash-hero-aside{display:none}.stats-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.main{padding:13px!important}.stats-grid-v18{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-hero-card{padding:23px}.dash-hero-card h2{font-size:26px}.dash-hero-card .actions{gap:6px}.topbar h1{font-size:23px!important}.dashboard-grid-v18,.module-grid-2{grid-template-columns:1fr}.chart-bars-v18{gap:6px}}

/* Flaticon Uicons with existing SVG fallback */
.ui-icon{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:none}
.ui-icon .fi{display:none;line-height:1;font-size:17px}
.ui-icon svg{display:block;width:17px;height:17px}
.flaticon-loaded .ui-icon .fi{display:inline-flex}
.flaticon-loaded .ui-icon svg{display:none}
.icon-credit{display:block;margin-top:9px;color:#858992;font-size:10px;text-decoration:underline;text-underline-offset:2px}
.sidebar .icon-credit:hover{color:#f46b31}

/* V2.1 - Project-first workflow: empty by default, load stored records only on request */
.workspace-start{display:flex;align-items:stretch;justify-content:space-between;gap:24px;margin:4px 0 20px;padding:32px 35px;background:linear-gradient(113deg,#181b23 0%,#26262b 58%,#e76b32 160%);color:#fff;border-radius:24px;overflow:hidden;position:relative;min-height:228px}
.workspace-intro{position:relative;z-index:1;flex:1;max-width:720px}.workspace-start .eyebrow{color:#ffad86;font-weight:800;font-size:10px;letter-spacing:.15em}.workspace-start h2{font-size:clamp(23px,2.4vw,35px);line-height:1.14;letter-spacing:-.045em;margin:13px 0 9px;color:white}.workspace-start p{font-size:13px;line-height:1.65;color:#d4d2d6;max-width:520px;margin:0 0 20px}.workspace-actions{display:flex;flex-wrap:wrap;gap:9px}.workspace-actions .btn{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.2);color:#fff}.workspace-actions .btn.primary{background:#ff763d;border-color:#ff763d;color:#fff}.workspace-actions .btn:hover{filter:brightness(1.08)}.workspace-intro-art{flex:0 0 205px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:35px;background:radial-gradient(circle at 65% 38%,#fc9e71,#e7652b 66%,#bb4d22);box-shadow:0 25px 55px #0005;transform:rotate(-8deg) translate(18px,12px);color:#fff;gap:5px;text-align:center}.workspace-intro-art span{font-size:36px;line-height:1}.workspace-intro-art strong{font-weight:750;font-size:19px;line-height:1.3;letter-spacing:-.035em}.workspace-start.admin-start{min-height:195px}.workspace-start.admin-start .workspace-intro-art{flex-basis:180px}
.workspace-active-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e9eaed;border-radius:15px;background:#fff;padding:12px 16px;margin:0 0 15px}.workspace-active-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.workspace-active-bar .eyebrow{color:#e66d36}.workspace-active-bar strong{color:#24242b;font-size:13px}
.workspace-picker{padding:23px;border-radius:20px}.workspace-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.workspace-heading h2{font-size:20px;margin:2px 0 6px}.workspace-heading p{margin:0}.workspace-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:16px 0 20px}.workspace-search select{min-height:41px}.workspace-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.workspace-record{border:1px solid #e9e9ed;background:#fafafa;border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:10px;min-width:0}.workspace-record-mark{width:36px;height:36px;border-radius:12px;background:#25262b;color:white;font-size:17px;display:grid;place-items:center;font-weight:800}.workspace-record-main{flex:1;min-width:0}.workspace-record-main .mini{font-size:10px;letter-spacing:.025em;color:#8b8581}.workspace-record-main h3{font-size:15px;line-height:1.25;letter-spacing:-.025em;margin:5px 0 4px;overflow-wrap:anywhere}.workspace-record-main p{font-size:12px;color:#74727a;margin:0;overflow-wrap:anywhere}.workspace-record .btn{align-self:flex-start;background:#fff}.workspace-no-records{padding:28px 16px;border:1px dashed #dddde3;border-radius:12px;color:#7f7d84;font-size:12px;margin-top:12px}.admin-start + .card{margin-top:15px}
@media(max-width:1100px){.workspace-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.workspace-start{padding:23px;min-height:0}.workspace-start h2{font-size:26px}.workspace-intro-art{display:none}.workspace-search,.workspace-record-grid{grid-template-columns:1fr}.workspace-heading{flex-wrap:wrap}.workspace-active-bar{align-items:flex-start;flex-direction:column}}