:root{--bg:#0a0c10;--panel:#11151b;--panel2:#171c24;--line:#28303c;--text:#f7f8fb;--muted:#98a2b3;--gold:#f2c66e;--gold2:#ffe5af;--blue:#70a7ff;--green:#72d7a7;--red:#ff9295;--violet:#bd9dff;--shadow:0 18px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 85% 0%,rgba(112,167,255,.07),transparent 30%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{width:270px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:#0b0e13;padding:18px 14px;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:5px 7px 22px;font-weight:850}.brand small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);font-weight:500}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--gold2),#be8832);color:#111;display:grid;place-items:center;font-weight:950}.nav-section{font-size:9px;letter-spacing:1px;color:#596474;text-transform:uppercase;padding:16px 10px 5px}.nav-btn{width:100%;display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#aeb7c6;padding:10px 11px;border-radius:11px;text-align:left}.nav-btn:hover,.nav-btn.active{background:#171c24;color:#fff}.dot{width:7px;height:7px;border-radius:50%;background:#515c6c}.nav-btn.active .dot{background:var(--gold)}.side-note{margin-top:22px;border:1px solid #433820;background:#18150e;border-radius:14px;padding:12px;font-size:10px;line-height:1.5;color:#d9cba9}.side-note span{color:var(--green)}main{margin-left:270px;min-height:100vh}header{height:70px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 24px;position:sticky;top:0;background:rgba(10,12,16,.88);backdrop-filter:blur(14px);z-index:5}.crumb{font-size:11px;color:var(--muted)}.user{display:flex;align-items:center;gap:10px;text-align:right}.user b{display:block;font-size:11px}.user small{display:block;color:var(--muted);font-size:9px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#222a36;font-weight:850}.content{max-width:1500px;margin:auto;padding:28px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.hero h1{margin:0 0 7px;font-size:34px;letter-spacing:-.7px}.hero p{margin:0;color:var(--muted);max-width:760px;line-height:1.5}.eyebrow{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.actions,.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}.btn{border:1px solid var(--line);background:#171c24;color:#fff;padding:10px 12px;border-radius:10px;font-size:11px}.btn:hover{border-color:#3a4656}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));border:0;color:#18130a;font-weight:850}.btn.blue{background:#14243b;border-color:#294770;color:#b7d2ff}.btn.green{background:#11251b;border-color:#28503f;color:#99e7c0}.btn.danger{background:#281517;border-color:#573034;color:#ffb4b4}.grid{display:grid;gap:15px}.kpis{grid-template-columns:repeat(4,1fr);margin-bottom:20px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#12171e,#0e1217);border-radius:16px;box-shadow:var(--shadow)}.kpi{padding:16px}.kpi strong{display:block;font-size:28px;margin:7px 0 3px}.small{font-size:10px}.muted{color:var(--muted)}.section{margin-top:21px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.section-head h2{font-size:17px;margin:0}.project-grid{grid-template-columns:repeat(3,1fr)}.project{overflow:hidden}.cover{height:145px;padding:12px;display:flex;align-items:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.48)),linear-gradient(135deg,#aa9580,#687982 48%,#404d56)}.cover.b{background:linear-gradient(180deg,transparent,rgba(0,0,0,.48)),linear-gradient(135deg,#8e8378,#637892 48%,#3d5066)}.cover.c{background:linear-gradient(180deg,transparent,rgba(0,0,0,.48)),linear-gradient(135deg,#9faa90,#728477 48%,#4c5f59)}.badge,.status,.chip{display:inline-block;border-radius:999px;font-size:9px;padding:5px 8px}.badge{background:rgba(6,8,10,.7)}.status{background:#202630;color:#d0d8e4}.status.good{background:#10251b;color:#90e4b8}.status.warn{background:#2b2110;color:#ffd17a}.status.blue{background:#14243b;color:#acd0ff}.status.red{background:#2c1517;color:#ffaaaa}.status.violet{background:#211a30;color:#d2bdff}.project-body{padding:14px}.project-body h3{font-size:15px;margin:0 0 4px}.progress,.meter{height:7px;background:#202630;border-radius:999px;overflow:hidden}.progress{margin-top:11px}.progress span,.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),#ffe4ab)}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:17px}.panel{padding:17px}.table{overflow:hidden}.tr{display:grid;grid-template-columns:1.6fr .8fr .8fr .65fr;gap:10px;align-items:center;padding:13px 14px;border-top:1px solid var(--line)}.tr:first-child{border-top:0}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.media{min-height:105px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,#625d56,#3b4650);position:relative;overflow:hidden}.media img{width:100%;height:100%;object-fit:cover;display:block}.media span{position:absolute;left:6px;bottom:6px;background:rgba(0,0,0,.65);padding:4px 6px;border-radius:999px;font-size:8px}.upload{border:1px dashed #3a4655;border-radius:13px;padding:18px;text-align:center;background:#0d1117}.field{margin:10px 0}.field label{display:block;font-size:9px;color:var(--muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #2d3745;background:#0d1117;color:#fff;border-radius:9px;padding:10px 11px}.field textarea{min-height:72px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.addons{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.addon{border:1px solid var(--line);border-radius:12px;padding:12px;background:#12171e}.addon.active{border-color:#756039;background:#19160f}.addon .price{color:var(--gold2);font-size:9px;margin-top:4px}.workflow{display:grid;gap:8px}.step{display:flex;gap:10px;padding:12px;border:1px solid var(--line);background:#12171e;border-radius:12px}.step .num{width:26px;height:26px;border-radius:8px;background:#222a36;display:grid;place-items:center;font-size:10px;font-weight:850}.step.done .num{background:#153125;color:#8fe5b8}.step.active{border-color:#705a31;background:#18150e}.step.active .num{background:var(--gold);color:#111}.step p{margin:3px 0 0;font-size:9px;color:var(--muted);line-height:1.4}.timeline{border:1px solid var(--line);border-radius:13px;background:#0d1117;padding:10px}.track{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:6px 0;align-items:center}.track-name{font-size:9px;color:var(--muted)}.clips{display:flex;gap:4px}.clip{height:34px;min-width:55px;flex:1;border:1px solid #3a4657;border-radius:7px;background:#213044}.clip.gold{background:#342a18;border-color:#705a31}.clip.audio{height:22px;background:#163125;border-color:#2a5b47}.compare{display:grid;grid-template-columns:1fr 1fr;gap:9px}.frame{height:165px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#958a7c,#566a74);display:flex;align-items:flex-end;padding:9px}.callout{border:1px solid #394554;background:#101720;border-radius:12px;padding:12px;font-size:10px;line-height:1.5;color:#bdc6d3}.callout.gold{border-color:#5e4d2c;background:#18150e}.callout.green{border-color:#28503f;background:#102019}.plan-grid,.queue-grid,.integration-grid{grid-template-columns:repeat(3,1fr)}.plan,.queue-card,.integration{padding:16px}.plan.featured{border-color:#69532e;background:#18150e}.pricebig{font-size:26px;font-weight:900;margin:6px 0}.list{font-size:10px;line-height:1.8;color:#bac3d0;padding-left:16px}.approval,.permission{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.approval:first-child,.permission:first-child{border-top:0}.phone{max-width:390px;margin:auto;border:1px solid #333e4c;border-radius:26px;padding:11px;background:#080a0d}.phone-screen{overflow:hidden;border-radius:18px;background:#11151b}.phone-head{padding:13px;border-bottom:1px solid var(--line)}.phone-video{height:200px;background:linear-gradient(135deg,#9a8c7a,#566972);display:grid;place-items:center;font-size:38px}.comment{margin:9px 13px;padding:9px;border:1px solid #2c3542;background:#171d26;border-radius:11px;font-size:10px}.toast{position:fixed;right:18px;bottom:18px;padding:11px 13px;border:1px solid #344052;background:#171c24;border-radius:10px;opacity:0;transform:translateY(8px);transition:.2s;z-index:20}.toast.show{opacity:1;transform:none}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);display:none;align-items:center;justify-content:center;padding:18px;z-index:30}.modal.open{display:flex}.modal-card{width:min(600px,100%);max-height:88vh;overflow:auto;background:#11151b;border:1px solid var(--line);border-radius:17px;padding:17px}.empty{padding:28px;text-align:center;color:var(--muted)}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.project-grid,.plan-grid,.queue-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:11px}.brand{padding:2px 4px 10px}.brand small,.side-note,.nav-section{display:none}#nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.nav-btn{font-size:9px;padding:8px 4px;justify-content:center}.dot{display:none}main{margin-left:0}header{height:62px;padding:0 13px}.content{padding:17px 12px 28px}.hero{display:block}.hero h1{font-size:27px}.hero .actions{margin-top:12px}.kpis,.project-grid,.plan-grid,.queue-grid,.integration-grid,.addons,.two{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}.tr{grid-template-columns:1.5fr .7fr}.tr>*:nth-child(3),.tr>*:nth-child(4){display:none}.compare{grid-template-columns:1fr}.user small{display:none}}
.brand{padding:4px 5px 19px}.brand-logo{display:block;width:215px;max-width:100%;height:auto;border-radius:10px}.logo{display:none}.full{width:100%}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(242,198,110,.09),transparent 35%),#090b0f}.login-card{width:min(430px,100%);border:1px solid var(--line);background:linear-gradient(180deg,#12171e,#0c1015);border-radius:24px;padding:28px;box-shadow:0 34px 110px rgba(0,0,0,.52)}.login-brand{width:250px;max-width:100%;display:block;margin:0 auto 18px;border-radius:14px}.login-card h1{margin:7px 0 7px;font-size:28px}.login-note{font-size:9px;color:#6f7a8a;margin-top:14px;line-height:1.5}.compact{padding:11px;margin-top:10px}.library-video{width:100%;margin-top:12px;border-radius:10px;background:#000;max-height:240px}.video-tile video{width:100%;height:100%;object-fit:cover}.scene-card{margin-bottom:9px}.credit-number{font-size:29px;font-weight:900}.permission select{background:#0d1117;color:#fff;border:1px solid #2d3745;padding:7px;border-radius:8px}.user .btn{padding:7px 9px}.media img{min-height:105px}
@media(max-width:760px){.brand-logo{width:155px}.sidebar{padding-top:9px}.login-card{padding:22px}.user #logoutBtn{display:none}.media-grid{grid-template-columns:repeat(2,1fr)}.scene-card .row{align-items:flex-start}}

/* Respect semantic visibility state across authenticated/unauthenticated shells. */
[hidden]{display:none!important}

/* CasaVey Light Luxury 2026 — premium broker UI */
:root{
  --bg:#f6f2ea;
  --panel:#fffdf9;
  --panel2:#fbf7f0;
  --panel3:#f1eadf;
  --line:#e7ddce;
  --text:#292722;
  --muted:#7c756b;
  --gold:#c99843;
  --gold2:#e4be78;
  --blue:#49677a;
  --violet:#806d8a;
  --green:#4f826c;
  --red:#b56565;
  --cyan:#7597a6;
  --shadow:0 16px 42px rgba(78,61,37,.08);
}
html,body{background:linear-gradient(180deg,#faf7f1 0%,#f4efe6 100%);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 86% 5%,rgba(217,183,120,.14),transparent 28%),radial-gradient(circle at 4% 90%,rgba(202,177,136,.10),transparent 30%);z-index:-1}
.sidebar{background:rgba(255,253,249,.96);border-color:var(--line);box-shadow:10px 0 34px rgba(69,54,34,.04)}
.brand{padding:16px 10px 20px;border-bottom:1px solid #eee4d7;margin-bottom:12px}
.brand-logo{width:190px;border-radius:16px;box-shadow:0 12px 28px rgba(35,29,21,.13)}
.nav-section{color:#a18f74;font-weight:750;letter-spacing:1.2px}
.nav-btn{color:#554f46;border:1px solid transparent;transition:.18s ease}
.nav-btn:hover{background:#fbf4e8;color:#27231d;border-color:#eee0cb;transform:translateX(2px)}
.nav-btn.active{background:linear-gradient(90deg,#f4dfb9,#fbf3e7);color:#33291b;border-color:#e6ca94;box-shadow:0 7px 18px rgba(170,125,58,.09)}
.nav-btn.active .dot{background:#b9822c}.dot{background:#b8afa1}
.side-note{background:linear-gradient(180deg,#fffaf1,#f8f0e3);border-color:#ead7b7;color:#5d503c;box-shadow:0 10px 24px rgba(125,91,45,.07)}
header{background:rgba(255,253,249,.86);border-color:var(--line);box-shadow:0 7px 26px rgba(67,52,31,.035)}
.crumb{color:#8b8173}.avatar{background:linear-gradient(145deg,#e9d6b2,#cda45e);color:#302514;box-shadow:0 6px 15px rgba(150,105,42,.16)}
.content{padding-top:34px}
.hero{padding:4px 2px 8px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;color:#2c2822;font-size:39px;letter-spacing:-1px}.hero p{color:#7b7368}.eyebrow{color:#a67d38;font-weight:800;letter-spacing:1.35px}
.card{background:rgba(255,253,249,.96);border-color:var(--line);box-shadow:var(--shadow)}
.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-26px;top:-28px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,rgba(222,187,126,.22),transparent 68%)}
.kpi strong,.credit-number,.pricebig{color:#3a3227}
.btn{background:#fffdfa;color:#544c41;border-color:#ddd1c1;box-shadow:0 4px 11px rgba(71,54,31,.035);transition:.18s ease}
.btn:hover{background:#fff8ed;border-color:#d6bf99;transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,#dcb365,#b9822e);color:#fffaf0;box-shadow:0 8px 18px rgba(164,111,36,.18)}
.btn.primary:hover{background:linear-gradient(135deg,#e4bf7a,#c28b35)}
.btn.blue{background:#eef4f5;border-color:#cfdde1;color:#42616e}.btn.green{background:#eef6f1;border-color:#c9dfd2;color:#426d58}.btn.danger{background:#fff5f3;border-color:#ecd4cf;color:#9a5959}
.status{background:#f1ede7;color:#665f55;border:1px solid #e4ddd3}.status.good{background:#eef6f1;color:#4f765f;border-color:#d5e8dc}.status.warn{background:#fff4df;color:#936e30;border-color:#efd7aa}.status.blue{background:#eef4f7;color:#526e7b;border-color:#d5e1e6}.status.red{background:#fff2f1;color:#9b5c5c;border-color:#efd6d4}.status.violet{background:#f5f0f6;color:#78657f;border-color:#e4d9e6}
.progress,.meter{background:#eee8df}.progress span,.meter span{background:linear-gradient(90deg,#c38b34,#e1bd79)}
.cover,.cover.b,.cover.c{filter:saturate(.88) brightness(1.08)}
.badge{background:rgba(255,252,247,.88);color:#4e4539;border:1px solid rgba(224,211,191,.9);backdrop-filter:blur(8px)}
.panel,.project-body{color:#332f2a}.tr{border-color:#eee5d8}
.upload{background:#fbf7f0;border-color:#d8c9b4;color:#655b4d}
.field label{color:#847a6d}.field input,.field select,.field textarea,.permission select{background:#fffefa;color:#2e2b27;border-color:#ddd2c3;box-shadow:inset 0 1px 2px rgba(68,50,27,.025)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#cfa45d;box-shadow:0 0 0 3px rgba(207,164,93,.12)}
.addon{background:#fffaf2;border-color:#e7dccc}.addon.active{background:#fff2d8;border-color:#d5b16d}.addon .price{color:#a97528}
.step{background:#fcf8f1;border-color:#e8ddd0}.step .num{background:#eee6da;color:#665d50}.step.done .num{background:#e8f2ec;color:#4e7c63}.step.active{background:#fff4df;border-color:#ddbf86}.step.active .num{background:#c28b35;color:#fff}
.timeline{background:#fffaf3;border-color:#e6dacb}.clip{background:#e9eef0;border-color:#d3dde1}.clip.gold{background:#f2dfb7;border-color:#dfbd7c}.clip.audio{background:#e6f0e9;border-color:#c7dccf}
.callout{background:#f7f4ef;border-color:#e4dbcf;color:#655d54}.callout.gold{background:#fff5e3;border-color:#ead1a2}.callout.green{background:#eef6f1;border-color:#cee3d6}
.plan.featured{background:linear-gradient(180deg,#fff8ea,#fffdf9);border-color:#dfbd7f;box-shadow:0 20px 44px rgba(166,115,43,.10)}
.integration,.queue-card,.plan{transition:.18s ease}.integration:hover,.queue-card:hover,.plan:hover,.project:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(82,61,31,.10)}
.phone{background:#e9e0d3;border-color:#d9c8b2;box-shadow:0 22px 48px rgba(71,50,27,.13)}.phone-screen{background:#fffdf9}.phone-head{border-color:#e7ddce}.comment{background:#fbf7f0;border-color:#e1d6c6}
.toast{background:#302b24;color:#fffaf2;border-color:#453d32;box-shadow:0 13px 30px rgba(45,35,23,.2)}
.modal{background:rgba(54,45,34,.38);backdrop-filter:blur(8px)}.modal-card{background:#fffdf9;border-color:#e1d6c8;box-shadow:0 30px 90px rgba(57,43,26,.18)}
.login-screen{background:radial-gradient(circle at 15% 15%,rgba(223,192,139,.18),transparent 24%),linear-gradient(135deg,#f9f5ed 0%,#f2eadf 48%,#faf7f1 100%)}
.login-card{background:rgba(255,253,249,.94);border-color:#e4d8c8;box-shadow:0 35px 100px rgba(83,60,28,.13);backdrop-filter:blur(18px)}
.login-brand{width:230px;border-radius:18px;box-shadow:0 16px 35px rgba(42,31,19,.14)}
.login-card h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;color:#2f2a23;font-size:31px}.login-note{color:#928779}
.review-page{color:#332f29}.review-brand{box-shadow:0 16px 38px rgba(53,39,22,.13)}.review-card{background:#fffdf9}.review-player{box-shadow:0 16px 40px rgba(62,44,22,.16)}
.library-video{box-shadow:0 14px 32px rgba(62,44,22,.13)}
@media(max-width:760px){.sidebar{background:#fffdf9}.brand-logo{width:150px}.hero h1{font-size:31px}.content{background:transparent}.nav-btn.active{box-shadow:none}.login-card{border-radius:20px}}
.billing-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border-radius:15px;margin-bottom:16px;border:1px solid #ead8b8;background:linear-gradient(90deg,#fff8e9,#fffdf9)}
.billing-banner.ready{border-color:#cfe1d6;background:linear-gradient(90deg,#f0f8f3,#fffdf9)}
.credit-pack-grid{grid-template-columns:repeat(3,1fr)}
.credit-pack{padding:18px;text-align:left}.credit-pack-number{font-family:Georgia,'Times New Roman',serif;font-size:36px;color:#8b642b;margin:7px 0 4px}.credit-pack .btn{width:100%;margin-top:14px}
.credit-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ead09d,#bd8731);color:#fffaf0;font-family:Georgia,'Times New Roman',serif;font-size:20px;box-shadow:0 12px 28px rgba(166,115,43,.18)}
button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
@media(max-width:760px){.billing-banner{align-items:flex-start}.credit-pack-grid{grid-template-columns:1fr}.credit-orb{width:52px;height:52px}}
/* CasaVey final Light Luxury brand lock */
.brand-logo{width:208px!important;max-width:100%;height:auto;border-radius:0!important;box-shadow:none!important;object-fit:contain}
.login-brand{width:270px!important;max-width:88%;height:auto;border-radius:0!important;box-shadow:none!important;object-fit:contain}
@media(max-width:760px){.brand-logo{width:172px!important}.login-brand{width:235px!important}}