:root{--bg:#f5f6f8;--panel:#fff;--ink:#17202a;--muted:#697386;--line:#e5e8ed;--nav:#172532;--nav-soft:#243746;--green:#0b8f67;--green-dark:#087454;--green-soft:#e8f6f1;--amber:#d28a11;--amber-soft:#fff6df;--red:#cf4b52;--red-soft:#fff0f1;--blue:#3578c9;--shadow:0 16px 42px rgba(23,32,42,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#17202a;background:#f5f6f8;font-synthesis:none}
*[hidden]{display:none!important}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:-32px 0 28px;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}.auth-tabs button{height:38px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-weight:750}.auth-tabs button.active{background:#fff;color:var(--green-dark);box-shadow:0 1px 4px rgba(23,32,42,.08)}button:disabled{cursor:not-allowed;opacity:.55}.auth-text-button{display:block;margin:0 0 16px auto;padding:0;border:0;background:transparent;color:var(--green-dark);font-size:13px;font-weight:750}.auth-status{text-align:center}.auth-status .product-mark{margin:0 auto 22px}.auth-status h2{margin-bottom:12px}.auth-status p{margin:0 0 24px;color:var(--muted);line-height:1.6}.auth-status .secondary-btn{width:100%;margin-top:10px}.form-error[role=status]{color:var(--green-dark)!important;line-height:1.5}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.oc-app-page{min-height:100vh;background:var(--bg);letter-spacing:0}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(420px,.9fr);background:#fff}.auth-brand{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;padding:42px 7vw;color:#fff;background:linear-gradient(145deg,rgba(16,37,48,.92),rgba(11,88,70,.86)),url("dijital-varlik-web.png") center/cover}.auth-logo img{width:184px;height:auto;filter:brightness(0) invert(1)}.auth-brand>div{max-width:650px}.auth-label{display:block;margin-bottom:20px;font-size:13px;font-weight:800;text-transform:uppercase}.auth-brand h1{max-width:650px;margin:0;font-size:clamp(42px,5.4vw,74px);line-height:1.02;font-weight:750}.auth-brand p{max-width:590px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.8)}.auth-brand .auth-foot{font-size:13px}.auth-panel{display:grid;place-items:center;padding:40px}.auth-form{width:min(430px,100%)}.auth-form-head{display:flex;align-items:center;gap:12px;margin-bottom:56px}.product-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:7px;background:var(--green);color:#fff;font-size:13px;font-weight:900}.auth-form-head>div,.sidebar-brand>span:last-child{display:flex;flex-direction:column}.auth-form-head strong{font-size:17px}.auth-form-head small{margin-top:2px;color:var(--muted)}.auth-form h2{margin:0 0 10px;font-size:30px}.auth-form>p{margin:0 0 30px;color:var(--muted);line-height:1.55}.auth-form label:not(.check-row){display:grid;gap:8px;margin:0 0 18px;font-size:13px;font-weight:700}.auth-form input{width:100%;height:48px;padding:0 14px;border:1px solid #d9dde3;border-radius:6px;outline:none}.auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(11,143,103,.1)}.check-row{display:flex;align-items:center;gap:8px;margin:6px 0 22px;color:var(--muted);font-size:13px}.check-row input{width:16px;height:16px;accent-color:var(--green)}.primary-btn{min-height:42px;padding:0 17px;border:1px solid var(--green);border-radius:6px;background:var(--green);color:#fff;font-weight:750;letter-spacing:0}.primary-btn:hover{background:var(--green-dark)}.primary-btn.full-btn{display:flex;width:100%;height:49px;align-items:center;justify-content:space-between;padding:0 18px}.primary-btn.compact{min-height:38px}.security-note{display:block;margin-top:18px;color:#8a93a2;text-align:center;line-height:1.5}.form-error{min-height:0!important;margin:-8px 0 12px!important;color:var(--red)!important;font-size:13px}.application{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;display:flex;width:248px;flex-direction:column;background:var(--nav);color:#dce4e9}.sidebar-brand{display:flex;height:74px;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;text-decoration:none}.sidebar-brand strong{font-size:15px}.sidebar-brand small{color:#69d7b0;font-size:12px;font-weight:800}.hotel-switcher{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;width:calc(100% - 24px);margin:14px 12px 6px;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:var(--nav-soft);color:#fff;text-align:left}.hotel-switcher>span:nth-child(2){display:flex;min-width:0;flex-direction:column}.hotel-switcher strong,.hotel-switcher small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotel-switcher strong{font-size:12px}.hotel-switcher small{margin-top:3px;color:#aebcc5;font-size:10px}.hotel-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:6px;background:#d6f2e8;color:var(--green-dark);font-weight:850}.app-nav{padding:8px 10px;overflow-y:auto}.nav-group{margin:18px 10px 7px;color:#82929e;font-size:10px;font-weight:800;text-transform:uppercase}.nav-item{position:relative;display:flex;width:100%;height:39px;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:#bdc8cf;font-size:13px;text-align:left}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.08);color:#fff}.nav-item.active:before{position:absolute;left:-10px;width:3px;height:22px;border-radius:0 3px 3px 0;background:#48c89c;content:""}.nav-icon{display:grid;width:18px;place-items:center;color:#8fa1ac;font-size:17px}.nav-count{margin-left:auto;padding:2px 7px;border-radius:10px;background:#cf4b52;color:#fff;font-size:10px;font-weight:800}.sidebar-bottom{margin-top:auto;padding:8px 10px 13px;border-top:1px solid rgba(255,255,255,.08)}.user-menu{display:flex;width:100%;align-items:center;gap:9px;margin-top:8px;padding:9px 10px;border:0;border-radius:6px;background:rgba(255,255,255,.05);color:#fff;text-align:left}.user-menu>span:first-child{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:#d6f2e8;color:var(--green-dark);font-size:10px;font-weight:900}.user-menu>span:last-child{display:flex;min-width:0;flex-direction:column}.user-menu strong{overflow:hidden;font-size:11px;text-overflow:ellipsis}.user-menu small{margin-top:2px;color:#93a2ad;font-size:9px}.app-main{min-height:100vh;margin-left:248px}.app-topbar{position:sticky;top:0;z-index:10;display:flex;height:74px;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.app-topbar p{margin:0 0 2px;color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase}.app-topbar h1{margin:0;font-size:20px}.topbar-actions{display:flex;align-items:center;gap:10px}.icon-btn,.mobile-menu{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:6px;background:#fff;color:#7b8793}.mobile-menu{display:none}.app-content{padding:28px 30px 50px}.empty-workspace{display:grid;min-height:calc(100vh - 150px);place-items:center;align-content:center;text-align:center}.empty-workspace .empty-icon{display:grid;width:68px;height:68px;place-items:center;margin-bottom:22px;border:1px dashed #9bacb4;border-radius:8px;background:#fff;color:var(--green);font-size:34px}.empty-workspace h2{margin:0 0 9px;font-size:25px}.empty-workspace p{max-width:500px;margin:0 0 24px;color:var(--muted);line-height:1.6}.toast-root{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}@media(max-width:900px){.auth-screen{grid-template-columns:1fr}.auth-brand{display:none}.app-sidebar{transform:translateX(-100%);transition:.2s}.app-sidebar.open{transform:none}.app-main{margin-left:0}.mobile-menu{display:grid}.app-topbar{padding:0 18px}.app-content{padding:20px 16px}.topbar-actions .compact{display:none}}@media(max-width:520px){.auth-panel{padding:26px}.auth-form-head{margin-bottom:38px}.auth-form h2{font-size:25px}}