:root{--bg:#020d18;--panel:#061827;--line:#17344b;--text:#f6f8fb;--muted:#99adc0;--green:#00d47d;--orange:#ff9700;--red:#ff3547;--shadow:0 14px 34px rgba(0,0,0,.28)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 38% -12%,#0a2840 0,transparent 32%),var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}.app{min-height:100vh;display:grid;grid-template-columns:280px minmax(1180px,1fr)}button,input,textarea,select{font:inherit}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#03101d,#061827 70%,#06192a);border-right:1px solid #183249;padding:12px;display:flex;flex-direction:column;overflow:hidden}.logo{height:78px;display:flex;align-items:center;gap:14px;padding:0 19px;color:white;text-decoration:none}.logo-orbit{width:57px;height:57px;border:1px solid #3982d0;border-radius:50%;display:grid;place-items:center;position:relative;font:italic 900 36px Georgia}.logo-orbit i{position:absolute;width:8px;height:8px;background:#f7df28;border-radius:50%;top:10px;left:11px;box-shadow:0 0 12px #f7df28}.logo strong{display:block;font-size:23px}.logo small{display:block;font-size:18px;color:#c4d0df;margin-top:2px}.sidebar nav{display:grid;gap:5px;margin-top:12px}.sidebar nav button{height:52px;border:0;background:transparent;color:white;border-radius:10px;padding:0 15px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;text-align:left;cursor:pointer}.sidebar nav button:hover{background:#0b2336}.sidebar nav button.active{background:linear-gradient(90deg,#4835e6,#0869da);box-shadow:0 0 0 1px #5f6cff inset,0 0 19px rgba(43,86,255,.38)}.ico{font-size:22px}.badge{font-style:normal;font-size:11px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.badge.red{background:var(--red)}.badge.pale{background:#dce6f2;color:#102033}.sidebar-scene{position:absolute;left:0;right:0;bottom:105px;height:285px;opacity:.22;background:linear-gradient(transparent,#0d4161),repeating-linear-gradient(90deg,transparent 0 50px,#164868 51px 52px);mask-image:linear-gradient(transparent,#000)}.sidebar-scene i{position:absolute;bottom:0;width:48px;background:#010b14;border:1px solid #17415e}.sidebar-scene i:nth-child(1){height:108px;left:42px}.sidebar-scene i:nth-child(2){height:173px;left:104px}.sidebar-scene i:nth-child(3){height:132px;right:35px}.studio-sign{margin-top:auto;z-index:1;display:flex;align-items:center;gap:11px;padding:0 20px 15px}.studio-sign>span{font-size:24px;color:#ffd500}.studio-sign strong,.studio-sign small{display:block}.studio-sign small{color:#91a9bb;margin-top:3px}.support{z-index:1;margin:0 20px 6px;height:40px;background:#071928;border:1px solid #27506e;color:white;border-radius:9px}.topbar{height:78px;border-bottom:1px solid #183249;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 30px;background:rgba(2,13,24,.78);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.global-search{width:42%;height:42px;border:1px solid #29506d;background:#081e31;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#c9d6e2}.global-search input{flex:1;border:0;outline:0;background:transparent;color:white}.global-search kbd{background:#173149;border:1px solid #2e506a;border-radius:5px;padding:3px 6px;font-size:10px}.top-actions{display:flex;align-items:center;height:100%;gap:14px}.google-sync{height:54px;border:1px solid #2a5270;border-radius:12px;padding:7px 16px;display:flex;align-items:center;gap:12px}.calendar-icon{width:30px;height:30px;background:linear-gradient(#4285f4 0 28%,white 28%);color:#165ccb;border-radius:4px;display:grid;place-items:center;font-weight:900;font-size:12px;padding-top:5px}.google-sync strong,.google-sync small{display:block}.google-sync strong{font-size:11px}.google-sync small{font-size:10px;color:#00ee83;margin-top:4px}.google-sync small i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00ee83;margin-right:4px}.top-icon{position:relative;width:47px;height:47px;border:0;border-left:1px solid #19364d;background:transparent;color:white;font-size:20px}.top-icon span{position:absolute;top:2px;right:0;background:var(--red);font-size:9px;border-radius:20px;padding:4px 6px}.account{height:100%;border-left:1px solid #19364d;display:flex;align-items:center;gap:11px;padding-left:20px}.account>span{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#704dff,#ab5ee4);display:grid;place-items:center}.account strong,.account small{display:block}.account small{color:#a8b9c9;margin-top:4px}.account>b{margin-left:20px}.workspace{padding:14px 20px 22px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr)) 270px;gap:13px;margin-bottom:13px}.metric{height:88px;border:1px solid;border-radius:10px;display:flex;align-items:center;gap:15px;padding:14px 18px;box-shadow:var(--shadow);overflow:hidden;position:relative}.metric:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 60%,rgba(255,255,255,.05));pointer-events:none}.metric.green{background:linear-gradient(120deg,#043b31,#064c3e);border-color:#00b875}.metric.orange{background:linear-gradient(120deg,#422408,#62330b);border-color:#b76400}.metric.red{background:linear-gradient(120deg,#49101c,#67101e);border-color:#bd2035}.metric.blue{background:linear-gradient(120deg,#052d58,#064782);border-color:#0977dd}.metric-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:rgba(0,0,0,.22)}.metric strong{font-size:27px}.metric p{font-size:15px;margin:-2px 0 2px}.metric small{color:#31ff9b}.metric.orange small{color:#ffb422}.metric.red small{color:#ff636d}.metric.blue small{color:#32d3ff}.new-event{height:57px;align-self:center;border:0;border-radius:10px;background:linear-gradient(135deg,#6339ff,#3432fa);color:white;font-weight:800;font-size:15px;box-shadow:0 8px 24px rgba(75,46,255,.32)}.new-event i{float:right;border-left:1px solid rgba(255,255,255,.25);padding-left:15px;margin-left:18px}.dashboard-grid{display:grid;grid-template-columns:minmax(690px,1.1fr) minmax(650px,.9fr);gap:12px}.left-zone,.right-zone{display:grid;gap:12px;align-content:start}.panel{background:linear-gradient(160deg,rgba(7,27,44,.97),rgba(3,18,30,.97));border:1px solid #19374e;border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.schedule-panel{padding:10px}.view-toolbar{height:43px;display:flex;align-items:center;gap:9px}.view-switch{display:flex;border:1px solid #183b55;border-radius:8px;overflow:hidden}.view-switch button{height:34px;background:#071a2a;border:0;border-right:1px solid #183b55;color:white;padding:0 15px}.view-switch button.active{background:linear-gradient(#4237eb,#242ed0);box-shadow:0 0 12px rgba(64,61,255,.55)}.square,.range{height:34px;border:1px solid #24465f;background:#071b2c;color:white;border-radius:8px}.square{width:36px;font-size:23px}.range{padding:0 17px}.week-strip{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #21445f;border-radius:7px 7px 0 0;overflow:hidden}.week-strip button{height:54px;border:0;border-right:1px solid #18364d;background:#061522;color:white}.week-strip button.active{background:#073662;color:#31c0ff}.week-strip small,.week-strip b{display:block}.week-strip b{font-size:14px;margin-top:5px}.week-strip em{font-style:normal;font-size:10px;color:#94aabd}.events-list{display:grid;gap:7px;margin-top:3px}.event-row{height:70px;border:1px solid #1c3d55;background:linear-gradient(90deg,#071a29,#051522);border-radius:8px;display:grid;grid-template-columns:8px 66px 80px 1fr 130px 80px 98px 27px;align-items:center;gap:10px;overflow:hidden}.event-row.selected{box-shadow:0 0 0 1px var(--orange);border-color:var(--orange)}.event-row.urgent{background:linear-gradient(90deg,#32101a,#34111c)}.event-row .bar{height:100%}.event-row.warning .bar{background:var(--orange)}.event-row.confirmed .bar{background:#28d97e}.event-row.urgent .bar{background:var(--red)}.time strong,.time small{display:block}.time strong{font-size:16px}.time small{color:#91a3b2;margin-top:4px}.thumb{width:68px;height:52px;border-radius:5px;background:linear-gradient(135deg,#94564a,#25152d);display:grid;place-items:center;color:#fff;font-size:20px}.thumb.t2{background:linear-gradient(135deg,#e2c3ae,#342423)}.thumb.t3{background:linear-gradient(135deg,#1766a8,#d26f2c)}.thumb.t4{background:linear-gradient(135deg,#48b1d8,#3b234c)}.thumb.t5{background:linear-gradient(135deg,#0b6baf,#15255d)}.event-copy strong,.event-copy small{display:block}.event-copy small{color:#b5c1ca;margin-top:3px}.event-copy small:last-child{color:#94a6b5}.status{justify-self:start;border-radius:5px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.05em}.warning .status{background:#cc6500}.confirmed .status{background:#087f4b}.urgent .status{background:#d32237;box-shadow:0 0 12px rgba(255,40,60,.5)}.countdown{font-size:11px}.warning .countdown{color:#ffac1f}.confirmed .countdown{color:#22e58c}.urgent .countdown{color:#ff4858}.team{display:flex}.team span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:9px;border:2px solid #071624;margin-left:-5px;background:#e6a0a0;color:#331920}.team span:nth-child(2){background:#80d5ff;color:#123}.event-tools{display:flex;gap:6px}.event-tools button{width:37px;height:37px;border:1px solid #274960;border-radius:8px;background:#0a2235;color:white;font-size:17px}.event-row>button.go{border:0;background:transparent;color:white;font-size:28px}.lower-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.panel-title{height:50px;display:flex;align-items:center;gap:10px;padding:8px 12px}.panel-title h2{font-size:14px;margin:0;white-space:nowrap}.panel-title h2 span{color:#7fd4ff}.panel-title label{margin-left:auto;height:32px;border:1px solid #24465f;border-radius:7px;display:flex;align-items:center;padding:0 8px}.panel-title label input{width:140px;border:0;outline:0;background:transparent;color:white}.panel-title>button{height:32px;border:0;border-radius:7px;background:linear-gradient(135deg,#225df2,#5934ff);color:white;padding:0 14px}.client-list{padding:0 9px 9px;display:grid;gap:3px}.client-row{height:49px;border:1px solid transparent;border-radius:7px;padding:4px 8px;display:grid;grid-template-columns:40px 1fr 145px 60px;gap:8px;align-items:center;background:#071b2b;color:white;text-align:left}.client-row.active{border-color:#0e8fff;box-shadow:0 0 0 1px #0e8fff}.initial{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#efb58e;color:#35201a}.client-row:nth-child(2) .initial{background:#f7d679}.client-row:nth-child(3) .initial{background:#64cff7}.client-row:nth-child(4) .initial{background:#8ae09b}.client-row:nth-child(5) .initial{background:#d6a5ef}.client-row:nth-child(6) .initial{background:#67c5ec}.client-row strong,.client-row small{display:block}.client-row small{color:#9bb0c0;margin-top:3px}.client-row .phone{color:#c5d1da;font-size:10px}.due{justify-self:end;padding:6px 8px;border-radius:5px;background:#00864f;font-size:10px}.due.hot{background:#e32c3e}.due.warn{background:#e07b00}.mail-tabs{height:38px;display:flex;align-items:center;gap:6px;padding:0 11px;border-top:1px solid #153349;border-bottom:1px solid #153349}.mail-tabs button{border:0;background:transparent;color:#93a8b8;font-size:10px;padding:7px 9px}.mail-tabs button.active{color:white;background:#2736ba;border-radius:5px}.mail-list{padding:7px 10px}.mail-row{height:52px;display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center}.mail-row .initial{width:32px;height:32px}.mail-row strong,.mail-row small{display:block}.mail-row small{color:#9caebe;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.mail-row time{font-size:9px;color:#a8bac8}.client-profile{padding:10px}.profile-head{display:flex;align-items:flex-start;gap:14px}.portrait-main{width:94px;height:94px;border-radius:50%;border:2px solid white;background:linear-gradient(135deg,#f1c09d,#714153);display:grid;place-items:center;font-size:24px}.profile-name{flex:1}.profile-name h2{font-size:20px;margin:5px 0 4px}.profile-name>span{display:inline-block;background:#00c36c;border-radius:5px;padding:4px 8px;color:#061f14;font-weight:800;font-size:9px}.profile-name p{color:#d1d8df;font-size:10px;margin-top:15px}.edit,.more{border:0;border-radius:7px;color:white;height:34px}.edit{background:linear-gradient(135deg,#3b40ff,#6037ff);padding:0 18px}.more{background:#0a2235;border:1px solid #244760;width:34px;font-size:20px}.profile-tabs{display:flex;gap:6px;margin:10px 0}.profile-tabs button{height:34px;border:1px solid #24445b;border-radius:7px;background:#081b2b;color:white;padding:0 13px;font-size:10px}.profile-tabs button.active{background:linear-gradient(#3033f4,#2022be);border-color:#545bff}.profile-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.profile-overview dl,.photos{margin:0;background:#071b2b;border:1px solid #15364d;border-radius:8px;padding:9px}.profile-overview dl{display:grid;grid-template-columns:1fr 1fr}.profile-overview dl div{padding:6px;border-right:1px solid #123047;border-bottom:1px solid #123047}.profile-overview dt{color:#89a0b2;font-size:9px}.profile-overview dd{margin:4px 0 0}.photos-title{display:flex;justify-content:space-between}.photos-title a{color:#15b5ff;font-size:9px}.photo-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:13px}.photo{height:70px;border-radius:5px;background:linear-gradient(135deg,#e5b18e,#5b3245);display:grid;place-items:center;color:rgba(255,255,255,.25)}.photo.p2{background:linear-gradient(135deg,#b9745f,#25263d)}.photo.p3{background:linear-gradient(135deg,#f3c8af,#7f4c56)}.photo-row button{border:1px solid #31516a;background:#0a2235;color:white;border-radius:6px;font-size:27px}.profile-actions{display:grid;grid-template-columns:.8fr .8fr 1.45fr 1.1fr;gap:9px;margin-top:10px}.profile-actions button,.sendbar button{height:42px;border:1px solid #31536c;background:#091e2e;color:white;border-radius:7px}.primary{background:linear-gradient(135deg,#4f38ff,#5835ff)!important;border:0!important}.compose-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.composer,.angel-panel{padding:0 10px 10px}.composer .panel-title,.angel-panel .panel-title{padding-left:0;padding-right:0}.email-fields{display:grid;gap:5px}.email-fields label{display:grid;grid-template-columns:50px 1fr;align-items:center}.email-fields input,.email-fields select,.angel-panel textarea,.angel-options select{height:31px;border:1px solid #23465f;border-radius:6px;background:#071b2b;color:white;padding:0 9px}.editor-toolbar{height:34px;border:1px solid #284a61;border-bottom:0;border-radius:7px 7px 0 0;display:flex;align-items:center;gap:16px;padding:0 12px}.composer>textarea{width:100%;height:186px;resize:none;border:0;background:#f8fafc;color:#10151a;padding:13px;line-height:1.55;outline:0}.sendbar{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:9px}.angel-panel label{display:block;color:#a5b7c5;font-size:9px}.angel-panel textarea{width:100%;height:82px;margin-top:7px;padding:9px;resize:none}.angel-options{display:grid;grid-template-columns:1.5fr .8fr;gap:8px;margin:10px 0}.angel-options select{width:100%;margin-top:5px;font-size:9px}.angel-generate{width:100%;height:39px;border:0;border-radius:7px;background:linear-gradient(135deg,#6038ff,#3a30ef);color:white;font-weight:800}.angel-panel h3{font-size:10px;margin:20px 0 8px}.suggestions{display:grid;gap:5px}.suggestions button{height:30px;border:1px solid #1b3c53;border-radius:6px;background:#081b2b;color:#c8d3dc;text-align:left;padding:0 10px;font-size:9px}dialog{width:min(620px,calc(100vw - 30px));border:1px solid #29516e;border-radius:14px;background:#061827;color:white;box-shadow:0 35px 90px #000;padding:0}dialog::backdrop{background:rgba(0,8,15,.76);backdrop-filter:blur(8px)}dialog form{padding:25px;position:relative}dialog h2{margin:2px 0 22px}.dialog-close{position:absolute;right:18px;top:16px;border:0;background:#102b40;color:white;border-radius:50%;width:32px;height:32px;font-size:20px}.kicker{color:#35b9ff;font-size:9px;letter-spacing:.17em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}dialog label{display:grid;gap:6px;color:#9eb3c2;font-size:10px;margin-bottom:12px}dialog input,dialog select{height:40px;background:#081e30;border:1px solid #2b4e67;border-radius:7px;color:white;padding:0 11px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.dialog-actions button{height:40px;border:1px solid #2a4b63;background:#0a2132;color:white;border-radius:7px;padding:0 20px}.toast{position:fixed;right:22px;bottom:22px;background:#092136;border:1px solid #2b526e;border-radius:10px;padding:13px 17px;display:flex;gap:10px;align-items:center;box-shadow:0 18px 50px #000;transform:translateY(100px);opacity:0;transition:.35s;z-index:30}.toast.show{transform:none;opacity:1}.toast>span{width:29px;height:29px;background:#00bd70;color:#032317;border-radius:50%;display:grid;place-items:center}.toast strong,.toast small{display:block}.toast small{color:#a3b3bf;margin-top:3px}@media(max-width:1500px){.app{grid-template-columns:240px minmax(1100px,1fr)}.dashboard-grid{grid-template-columns:minmax(650px,1fr) minmax(570px,.85fr)}.metrics{grid-template-columns:repeat(4,1fr) 220px}.event-row{grid-template-columns:7px 56px 64px 1fr 105px 70px 83px 24px}.profile-tabs button{padding:0 9px}.compose-grid{grid-template-columns:1.25fr .85fr}}@media(max-width:1100px){body{overflow-x:auto}.app{grid-template-columns:82px minmax(1120px,1fr)}.sidebar{padding:8px}.logo{padding:0;justify-content:center}.logo>span:last-child,.sidebar nav button span:nth-child(2),.sidebar .badge,.studio-sign,.support,.sidebar-scene{display:none}.sidebar nav button{grid-template-columns:1fr;text-align:center}.logo-orbit{width:50px;height:50px}.metrics{grid-template-columns:repeat(4,1fr)}.new-event{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}