:root{--p:#9300d3;--black:#111411;--paper:#fff;--bg:#f4f5f8;--ink:#18141c;--muted:#766f7a;--line:#e6e2e8;--soft:#f7edfc;--green:#198754;--red:#d94a5c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body.dark{--paper:#211d23;--bg:#141216;--ink:#f8f4f9;--muted:#bdb5c0;--line:#3c343f;--soft:#351a42}.side{position:fixed;z-index:2;inset:0 auto 0 0;width:238px;background:var(--black);color:#fff;padding:25px 15px;display:flex;flex-direction:column}.side img{width:145px;height:auto;margin:0 8px}.side>p{font-size:10px;letter-spacing:1.3px;color:#c995df;margin:28px 8px 11px}.side nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:#bcb7be;padding:13px 12px;border-radius:7px;text-align:left;font-weight:bold;font-size:14px;cursor:pointer}.nav i{font-style:normal;font-size:17px;display:inline-block;width:29px}.nav.active,.nav:hover{background:#ffffff15;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:7px}.side-bottom button,.side-bottom a{color:#ccc;background:transparent;border:0;text-align:left;padding:10px;text-decoration:none;cursor:pointer;font:inherit}.page{margin-left:238px;min-height:100vh}.top{height:110px;background:var(--paper);border-bottom:1px solid var(--line);padding:21px 36px;display:flex;justify-content:space-between;align-items:center}.top p,.today-panel>p{color:var(--p);font-size:10px;letter-spacing:1.3px;font-weight:bold;margin:0}.top h1{font-size:25px;margin:6px 0}.header-actions{display:flex;gap:10px}.primary,.outline{border-radius:7px;padding:11px 14px;font-weight:bold;border:0;cursor:pointer;text-decoration:none;font-size:13px}.primary{background:var(--p);color:#fff}.outline{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.ai-open{border:1px solid #dfb8f3;background:var(--soft);color:var(--p);font-weight:bold;padding:10px 12px;border-radius:7px;cursor:pointer}main{padding:27px 35px;max-width:1500px}.calendar-head{display:flex;align-items:center;margin-bottom:17px}.month{display:flex;align-items:center;gap:13px}.month button{height:34px;width:34px;border:1px solid var(--line);background:var(--paper);border-radius:7px;color:var(--ink);font-size:22px;cursor:pointer}.month small,.month strong{display:block}.month small{font-size:10px;color:var(--muted);text-transform:uppercase}.month strong{font-size:20px;margin-top:2px}.legend{display:flex;gap:13px;margin-left:30px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:100%;margin-right:4px}.purple{background:var(--p)}.green{background:var(--green)}.red{background:var(--red)}.export{margin-left:auto;color:var(--p);font-weight:bold;font-size:13px;text-decoration:none}.filters{display:flex;gap:9px;align-items:center;margin-bottom:15px}.filters input,.filters select{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:10px;color:var(--ink)}.filters input:first-child{width:340px}.filters label{font-size:12px;color:var(--muted)}.content{display:grid;grid-template-columns:minmax(600px,1fr) 250px;gap:18px}.calendar-panel,.today-panel,.list,.clients{background:var(--paper);border:1px solid var(--line);border-radius:12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden}.week{background:#f1eff3;padding:12px 9px;font-size:10px;font-weight:bold;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line)}.day{min-height:132px;padding:9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.day:nth-child(7n){border-right:0}.day.muted{background:#faf9fb}.day b{font-size:12px;color:var(--muted);display:inline-grid;place-items:center;width:24px;height:24px}.day.today b{border-radius:50%;background:var(--p);color:#fff}.event{margin-top:5px;padding:5px 6px;border-radius:5px;border-left:3px solid var(--p);background:var(--soft);font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event.realized{border-color:var(--green);background:#ebf7ef}.event.cancelled{border-color:var(--red);background:#fff0f2;text-decoration:line-through}.event small{display:block;color:var(--muted);font-size:9px}.today-panel{padding:18px}.today-panel h2{font-size:18px;margin:6px 0 14px}.today-event{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.today-event b,.today-event small{display:block}.today-event small{color:var(--muted);margin-top:3px}.voice-side{width:100%;margin-top:17px;border:0;background:var(--p);color:#fff;padding:11px;border-radius:7px;font-weight:bold;cursor:pointer}.list,.clients{overflow:hidden}.item{display:flex;align-items:center;gap:13px;padding:14px;border-bottom:1px solid var(--line);cursor:pointer}.item:hover{background:var(--soft)}.date{width:55px;font-weight:bold}.date small,.item p{display:block;margin:3px 0;color:var(--muted);font-size:12px}.item main{flex:1}.tag{font-size:11px;color:var(--p);background:var(--soft);padding:5px;border-radius:20px}.client{padding:17px;border-bottom:1px solid var(--line)}.client b{display:block}.client span{color:var(--muted);font-size:13px}.ai{position:fixed;z-index:4;right:22px;top:20px;width:390px;max-height:calc(100vh - 40px);overflow:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 60px #0003;border-radius:13px;padding:19px}.ai-head{display:flex;justify-content:space-between}.ai-head h2{margin:3px 0;font-size:20px}.ai-head small{color:var(--p);font-weight:bold;font-size:10px}.ai-head button{border:0;background:none;color:var(--ink);font-size:26px;cursor:pointer}.ai>p{font-size:13px;color:var(--muted)}.suggestions{display:flex;gap:6px;flex-wrap:wrap}.suggestions button{font-size:11px;border:1px solid var(--line);background:var(--soft);color:var(--p);padding:6px;border-radius:5px;cursor:pointer}.ai form{display:flex;margin:14px 0}.ai input{min-width:0;flex:1;padding:10px;border:1px solid var(--line);border-radius:7px 0 0 7px;background:var(--paper);color:var(--ink)}.ai form button{background:var(--p);color:#fff;border:0;padding:0 12px;border-radius:0 7px 7px 0}.result{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.result small{color:var(--muted)}#voice-fab{position:fixed;bottom:25px;right:25px;border:0;background:var(--p);color:#fff;border-radius:999px;padding:13px 18px;box-shadow:0 8px 22px #9300d355;cursor:pointer;font-weight:bold}#voice-fab span{margin-left:5px}dialog{border:0;border-radius:13px;width:min(700px,calc(100% - 25px));background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0008}dialog form{padding:23px}.dialog-head{display:flex;justify-content:space-between}.dialog-head p{color:var(--p);font-weight:bold;font-size:10px}.dialog-head h2{margin:5px 0 18px}.dialog-head button{border:0;background:none;color:var(--ink);font-size:25px;cursor:pointer}.voice{width:100%;border:1px dashed var(--p);background:var(--soft);color:var(--p);padding:12px;text-align:left;border-radius:7px;margin-bottom:14px;cursor:pointer;font-weight:bold}.voice small{float:right;color:var(--muted);font-weight:normal}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}label{font-size:12px;color:var(--muted);font-weight:bold}input,textarea{display:block;width:100%;margin-top:4px;padding:9px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;font:inherit}details{margin:13px 0;padding:10px;background:var(--bg);border-radius:7px}summary{cursor:pointer;color:var(--p);font-weight:bold;font-size:13px}details .grid{margin-top:12px}dialog footer{display:flex;justify-content:end;gap:8px;margin-top:15px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--black);color:#fff;padding:11px 15px;border-radius:7px;opacity:0;transition:.2s}#toast.show{opacity:1}@media(max-width:900px){.content{grid-template-columns:1fr}.today-panel{display:none}.side{width:64px;padding:20px 8px}.side img{width:47px;object-fit:cover;object-position:left}.side>p,.nav span,.side-bottom{display:none}.nav{padding:13px;text-align:center}.nav i{width:auto}.page{margin-left:64px}main{padding:22px}.calendar{overflow:auto;grid-template-columns:repeat(7,minmax(110px,1fr))}.week,.day{min-width:110px}.calendar-panel{overflow:auto}}@media(max-width:600px){.side{position:fixed;inset:auto 0 0;width:auto;height:58px;padding:5px;background:var(--black);display:block}.side img,.side>p{display:none}.side nav{display:flex;justify-content:space-around}.nav{padding:10px;color:#ccc}.nav i{display:block;font-size:15px}.nav span{display:block;font-size:9px}.page{margin:0;padding-bottom:58px}.top{height:85px;padding:15px}.top h1{font-size:20px}.header-actions .ai-open{font-size:0;padding:10px}.header-actions .ai-open:first-letter{font-size:16px}.header-actions .primary{font-size:0}.header-actions .primary:first-letter{font-size:16px}main{padding:17px 12px}.legend{display:none}.filters{display:grid;grid-template-columns:1fr 1fr}.filters input:first-child{width:100%;grid-column:1/-1}.export{font-size:0}.export:first-letter{font-size:16px}.grid{grid-template-columns:1fr}.voice small{float:none;display:block;margin-top:3px}.ai{inset:auto 8px 67px;width:auto;max-height:72vh}}
.calendar-signature{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--paper),var(--soft))}.calendar-signature span{color:var(--p);font-weight:bold;font-size:10px;letter-spacing:1.4px}.calendar-signature b{font-size:15px}.calendar-signature small{color:var(--muted);font-size:11px}.day-dialog-head{display:flex;justify-content:space-between;align-items:start}.day-dialog-head p{color:var(--p);font-size:10px;font-weight:bold;letter-spacing:1px}.day-dialog-head h2{margin:4px 0 17px}.day-dialog-head button{border:0;background:none;color:var(--ink);font-size:25px;cursor:pointer}.day-dialog-head+div{max-height:330px;overflow:auto;margin-bottom:18px}.day-dialog-item{padding:11px 0;border-bottom:1px solid var(--line)}.day-dialog-item b,.day-dialog-item small{display:block}.day-dialog-item small{color:var(--muted);margin-top:3px}@media(max-width:600px){.calendar-signature{padding:11px}.calendar-signature small{display:none}}
.calendar-panel{overflow:hidden;background:var(--paper);box-shadow:0 16px 38px rgba(24,14,30,.08)}.calendar-signature{position:relative;padding:22px 24px!important;background:linear-gradient(115deg,#111411 0%,#25102f 58%,#9300d3 170%)!important;color:#fff!important;border:0!important}.calendar-signature:after{content:'GT';position:absolute;right:22px;top:8px;font-size:54px;font-weight:900;letter-spacing:-7px;color:#fff1;line-height:1}.calendar-signature span{color:#dda9f8!important}.calendar-signature b{font-size:23px!important;letter-spacing:-.4px}.calendar-signature small{color:#eee!important;opacity:.72}.calendar{background:#ded6e1!important;gap:1px!important;border:0!important}.week{background:#211725!important;color:#dac8e2!important;border:0!important;padding:13px 12px!important;font-size:10px!important;letter-spacing:1px}.day{position:relative;min-height:158px!important;background:var(--paper)!important;border:0!important;padding:12px!important;transition:background .15s}.day:hover{background:#fcf8ff!important}.day.muted{background:#f4eff5!important}.day b{font-size:14px!important;font-weight:700}.day.today:before{content:'HOJE';position:absolute;right:10px;top:15px;color:var(--p);font-size:8px;font-weight:bold;letter-spacing:.8px}.day.today b{background:var(--p)!important;width:28px!important;height:28px!important}.event{display:flex;align-items:center;gap:6px;margin-top:7px!important;padding:7px 8px!important;border-left:0!important;border-radius:6px!important;background:#f5e9fc!important;color:#25152d!important;font-size:11px!important;font-weight:600;box-shadow:inset 3px 0 var(--p)}.event.realized{background:#edf8f1!important;box-shadow:inset 3px 0 var(--green)}.event.cancelled{background:#fff0f2!important;box-shadow:inset 3px 0 var(--red)}.event-time{background:#fff!important;color:var(--p);padding:3px 4px;border-radius:3px;font-size:10px;font-weight:800}.event small{display:none!important}.calendar-head{background:var(--paper);border:1px solid var(--line);padding:16px 20px;border-radius:12px;margin-bottom:14px}.month strong{font-size:24px!important}.month small{color:var(--p)!important;font-weight:700}.today-panel{border:0!important;box-shadow:0 16px 38px rgba(24,14,30,.08);padding:23px!important}.today-panel h2{font-size:21px!important}.today-event{position:relative;padding:13px 0 13px 12px!important}.today-event:before{content:'';position:absolute;left:0;top:16px;height:27px;width:3px;background:var(--p);border-radius:4px}.voice-side{padding:13px!important}.dialog-time{display:inline-block;background:var(--soft);color:var(--p);padding:4px 6px;border-radius:4px;margin-right:7px;font-size:12px}.day-dialog-item b{display:flex;align-items:center}.filters{background:var(--paper);padding:12px;border:1px solid var(--line);border-radius:10px}.content{gap:22px!important}@media(max-width:900px){.day{min-height:133px!important}.calendar-signature{padding:17px!important}}
:root{--black:#111411}.side{background:#111411}.nav.active,.nav:hover{background:#9300D3;color:#fff}.calendar-signature{background:#111411!important;border-left:6px solid #9300D3!important}.week{background:#9300D3!important;color:#fff!important}.calendar-head{border-color:#e6e2e8!important}.today-panel{border-top:4px solid #9300D3!important}.top p,.today-panel>p{color:#9300D3!important}
.client-finder{padding:24px;background:linear-gradient(125deg,#111411,#3d0759);color:#fff}.client-finder small{color:#e7c8f7;font-weight:bold;letter-spacing:1px}.client-finder h2{margin:6px 0;font-size:23px}.client-finder p{margin:0 0 15px;color:#eee;font-size:13px}.client-finder form{display:flex;gap:8px}.client-finder input,.client-filters input,.client-filters select{background:#fff;color:#18141c;border:0;border-radius:6px;padding:10px}.client-finder form input{flex:1}.client-filters{display:flex;gap:8px;margin-top:15px}.client-filters input{flex:1}.client-results{background:var(--paper)}.client{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line);cursor:pointer}.client:hover{background:var(--soft)}.client-avatar{width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--p);display:grid;place-items:center;font-weight:bold;font-size:17px}.client>div:nth-child(2){flex:1}.client b,.client span,.client small{display:block}.client span,.client small{color:var(--muted);font-size:12px;margin-top:3px}.match-answer{margin:0;padding:14px 16px;background:var(--soft);color:var(--p);font-weight:bold;font-size:13px}.empty{padding:24px;color:var(--muted)}@media(max-width:600px){.client-finder{padding:17px}.client-finder form,.client-filters{display:grid;grid-template-columns:1fr}.client-finder form .primary{width:100%}}
.clients-standalone{display:block!important;margin-top:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:0 16px 38px rgba(24,14,30,.08)}
@media(max-width:600px){.page{padding-bottom:72px}.side{height:70px!important;padding:6px 4px!important}.side nav{height:100%;align-items:center}.nav{min-width:78px!important;padding:7px 4px!important}.nav i{font-size:17px!important}.nav span{font-size:10px!important;margin-top:2px}.top{height:auto!important;min-height:116px;padding:15px 14px!important;align-items:flex-start!important;flex-wrap:wrap}.top>div:first-child{width:100%}.top h1{font-size:22px!important}.header-actions{width:100%;display:flex!important;gap:7px}.header-actions .primary,.header-actions .ai-open{display:block!important;flex:1;font-size:12px!important;white-space:nowrap;padding:11px 7px!important}.header-actions .primary:first-letter,.header-actions .ai-open:first-letter{font-size:12px!important}.calendar-head{display:grid!important;grid-template-columns:1fr auto;gap:12px;padding:13px!important}.month{grid-column:1/-1;justify-content:space-between}.month strong{font-size:22px!important}.legend{display:flex!important;grid-column:1/-1;margin:0!important;justify-content:space-between;font-size:10px!important}.export{font-size:12px!important;align-self:center}.export:first-letter{font-size:12px!important}.filters{grid-template-columns:1fr 1fr!important;padding:10px!important}.filters input:first-child{grid-column:1/-1;width:100%!important}.filters select{min-width:0;width:100%}.content{display:block!important}.calendar-panel{width:100%;overflow-x:auto!important;border-radius:10px!important}.calendar-signature{min-width:770px}.calendar{width:770px!important;grid-template-columns:repeat(7,110px)!important;overflow:visible!important}.week,.day{min-width:110px!important}.day{min-height:118px!important;padding:8px!important}.event{font-size:10px!important;padding:6px!important;gap:4px!important}.event-time{font-size:9px!important}.today-panel{display:none!important}#voice-fab{bottom:84px!important;right:15px!important;padding:13px!important;z-index:5}#voice-fab span{display:none}.ai{bottom:82px!important;top:auto!important;max-height:70vh!important}.client-finder{border-radius:0}.client-finder h2{font-size:19px}.client{padding:13px}.client .tag{display:none}dialog{width:calc(100% - 16px)!important;max-height:90vh}.dialog-head h2{font-size:20px}.voice{font-size:14px!important}.voice small{font-size:11px!important}.grid{gap:9px!important}}
@media(max-width:600px){.calendar-panel{overflow:hidden!important;width:100%!important}.calendar-signature{min-width:0!important;padding:13px 15px!important}.calendar-signature b{font-size:18px!important}.calendar{width:100%!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:1px!important;overflow:hidden!important}.week{min-width:0!important;padding:9px 1px!important;text-align:center;font-size:8px!important}.day{min-width:0!important;min-height:66px!important;padding:6px 4px!important}.day b{font-size:12px!important;width:23px!important;height:23px!important}.day.today:before{display:none}.event{display:inline-block!important;width:7px!important;height:7px!important;min-height:0!important;padding:0!important;margin:5px 2px 0!important;border:0!important;border-radius:50%!important;box-shadow:none!important;background:var(--p)!important;font-size:0!important;vertical-align:top}.event.realized{background:var(--green)!important}.event.cancelled{background:var(--red)!important}.event-time,.event small{display:none!important}.day:has(.event)::after{content:'•';color:#b7a9be;font-size:10px;vertical-align:top}.calendar-head{margin-bottom:10px!important}.filters{margin-bottom:10px!important}}
@media(max-width:600px){.event{display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;min-height:17px!important;padding:3px 4px!important;margin:4px 2px 0 0!important;border-radius:4px!important;background:var(--p)!important;color:#fff!important;font-size:0!important;box-shadow:none!important}.event.realized{background:var(--green)!important}.event.cancelled{background:var(--red)!important}.event-time{display:inline!important;color:#fff!important;background:transparent!important;padding:0!important;font-size:9px!important;font-weight:800!important;line-height:1}.event small{display:none!important}.day:has(.event)::after{display:none}}
