/* Düzen360 brand system — airy surfaces, legible desktop type and vivid data accents. */
:root{
  --app-bg:#f6f8fc;
  --card:#fff;
  --text:#26334f;
  --muted:#66738a;
  --line:#e2e8f2;
  --primary:#6678e8;
  --primary-dark:#5365d5;
  --indigo-soft:#eef1ff;
  --success:#20aa83;
  --danger:#ef6f72;
  --warning:#efb541;
  --d360-cyan:#45b9d5;
  --d360-mint:#4fc9ad;
  --d360-coral:#ff817a;
  --radius:18px;
  --shadow:0 14px 38px rgba(57,72,111,.08);
}

body{font-size:16px;line-height:1.58;color:var(--text);background:linear-gradient(180deg,#f8faff 0,#f5f8fc 44%,#f7f9fc 100%)}
.app-content{padding-top:34px}
.page-header-title{font-size:32px;font-weight:800;color:#26334f}
.page-kicker,.card-eyebrow{font-size:11px;color:#77859c}
.btn{font-size:14px;min-height:44px}
.btn-primary{background:linear-gradient(135deg,#7182ec,#5f71df);border-color:#6678e8;box-shadow:0 9px 22px rgba(102,120,232,.2)}
.btn-primary:hover{background:linear-gradient(135deg,#6375e1,#5062d1);border-color:#5365d5}
.form-label{font-size:14px;color:#42516b}
.form-control,.form-select{font-size:15px;background-color:#fff;border-color:#d9e1ed}
.form-hint{font-size:12px!important}

/* Light navigation makes long work sessions calmer and keeps the colour hierarchy clear. */
.app-sidebar{background:rgba(255,255,255,.97)!important;border-right:1px solid var(--line)!important;box-shadow:8px 0 30px rgba(52,68,105,.035)!important}
.sidebar-brand{border-color:#edf1f7;color:var(--text);padding-left:18px}
.d360-brand-mark{width:40px;height:40px;border-radius:13px;background:transparent;box-shadow:none;overflow:visible}
.d360-brand-mark img{width:40px;height:40px;display:block}
.brand-copy strong{font-size:17px;color:#293650;letter-spacing:-.45px;max-width:none}
.brand-copy strong span{color:var(--primary)}
.brand-copy small{font-size:10px;color:#8290a5;letter-spacing:.8px}
.sidebar-collapse{color:#7c889c!important}
.modern-nav .nav-section{font-size:10px;color:#9aa5b5}
.modern-nav .nav-link{color:#56657d!important;min-height:49px}
.modern-nav .nav-link-title{font-size:14px!important;font-weight:650}
.modern-nav .nav-icon{color:#76839a}
.modern-nav .nav-link:hover,.modern-nav .nav-link.active{background:#eef2ff;color:#4e61d2!important}
.modern-nav .nav-link:hover .nav-icon,.modern-nav .nav-link.active .nav-icon{color:#6073df}
.modern-nav .nav-link.active{box-shadow:inset 3px 0 #6678e8}
.modern-nav .nav-collapse .nav-link{font-size:13px;color:#6d7990!important}
.sidebar-footer{border-color:#edf1f7!important;background:#fbfcff}
.tenant-chip>span{background:#e9edff;color:#5366d6}
.tenant-chip strong{font-size:13px;color:#35425b}
.tenant-chip small{font-size:11px;color:#7b889d}

.app-header{background:rgba(255,255,255,.92)!important;border-color:#e5eaf2!important;box-shadow:0 5px 22px rgba(52,68,105,.035)}
.header-search{background:#f7f9fc;border-color:#e5eaf2;height:43px}
.header-search input{font-size:15px;color:#3f4d66}
.quick-add{font-size:14px;background:#edf1ff;color:#5366d6;padding:11px 14px}
.profile-copy strong{font-size:13px}.profile-copy small{font-size:11px}
.profile-avatar{background:linear-gradient(135deg,#e7eaff,#dce2ff);color:#5366d6}
.language-trigger{width:auto;min-width:47px;gap:4px;padding:0 8px}
.language-trigger span{font-size:10px;font-weight:800;letter-spacing:.5px}
.language-menu .dropdown-menu{min-width:175px}
.language-menu .dropdown-item{font-size:13px}
.language-menu .dropdown-item.active{background:#eef2ff;color:#5366d6}
.language-code{width:28px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f0f3f8;color:#64728a;font-size:9px;font-weight:800}

/* Cards and tables */
.modern-card,.metric-card{border-color:#e1e7f0;box-shadow:0 9px 30px rgba(54,70,108,.055)}
.modern-card-header{min-height:86px;padding:23px 25px}
.modern-card-header h3{font-size:19px;color:#2d3953}
.modern-card-header p{font-size:14px}
.text-link{font-size:13px}
.modern-table thead th{font-size:11px;padding:15px 18px;background:#f8faff;color:#728097}
.modern-table tbody td{font-size:14px;padding:17px 18px;color:#47556e}
.person-cell small,.activity-row small,.deadline-row small,.deadline-date{font-size:11px}
.status-pill,.invoice-status,.tenant-status,.type-badge,.source-badge,.provider-badge{font-size:11px}
.empty-state p{font-size:13px}

/* Dashboard */
.welcome-strip{position:relative;isolation:isolate;overflow:hidden;padding:26px 28px;border:1px solid #dfe5ff;background:linear-gradient(120deg,#eef2ff 0%,#f7f9ff 48%,#ecfbf7 100%);color:#283550;box-shadow:0 14px 36px rgba(73,89,134,.08)}
.welcome-strip:before,.welcome-strip:after{content:"";position:absolute;z-index:-1;border-radius:50%}
.welcome-strip:before{width:220px;height:220px;right:8%;top:-145px;background:rgba(102,120,232,.14)}
.welcome-strip:after{width:150px;height:150px;right:-38px;bottom:-105px;background:rgba(79,201,173,.18)}
.welcome-icon{width:54px;height:54px;background:linear-gradient(135deg,#6f81eb,#596bdb);color:#fff;box-shadow:0 10px 25px rgba(102,120,232,.22)}
.welcome-strip p{font-size:11px;color:#748198}
.welcome-strip h2{font-size:22px;color:#293650}
.welcome-strip div span{font-size:14px;color:#647188}
.welcome-strip>a{font-size:13px;color:#5163cf;background:#fff;border-color:#dbe1f4;box-shadow:0 7px 18px rgba(72,88,130,.07)}
.metric-grid{gap:18px;margin-bottom:20px}
.metric-card{min-height:162px;padding:23px;border-radius:20px}
.metric-card:before{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--metric-accent,#6678e8)}
.metric-indigo{--metric-accent:#6678e8}.metric-rose{--metric-accent:#ff817a}.metric-emerald{--metric-accent:#4fc9ad}.metric-amber{--metric-accent:#efb541}
.metric-top{font-size:12px;color:#68768d}
.metric-top i{width:41px;height:41px;font-size:18px}
.metric-card strong{font-size:30px;margin:16px 0 10px;color:#293650}
.metric-card strong small{font-size:12px}.metric-card p{font-size:12px}
.metric-indigo .metric-top i{background:#edf0ff;color:#5c70df}.metric-rose .metric-top i{background:#fff0ef;color:#e96b68}.metric-emerald .metric-top i{background:#eaf9f5;color:#219f7d}.metric-amber .metric-top i{background:#fff7e5;color:#d69b26}
.chart-card,.progress-card{min-height:345px}
.mini-chart{height:242px;padding:30px 26px 21px}
.chart-value,.chart-column small{font-size:10px}
.chart-track{height:166px;width:min(34px,76%);background:#edf1f7}
.chart-track span{background:linear-gradient(180deg,#8190ee,#6577e4)}
.dual-chart-track{height:166px;display:flex;align-items:flex-end;gap:4px;width:min(48px,88%);padding:0 3px;background:linear-gradient(180deg,#f5f7fb,#edf1f7);border-radius:10px}
.dual-chart-track span{display:block;flex:1;min-height:4px;border-radius:6px 6px 3px 3px}
.dual-chart-track .income{background:linear-gradient(180deg,#65d3b8,#35b693)}
.dual-chart-track .expense{background:linear-gradient(180deg,#ff9a92,#ed7471)}
.chart-legend{display:flex;align-items:center;gap:14px;margin:5px 0 0 auto;font-size:11px;color:#738096}
.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:50%}.chart-legend .income{background:#43bea0}.chart-legend .expense{background:#ef7773}
.completion-score{font-size:13px;background:#edf1ff;color:#5265d4}
.radial-progress{width:136px;height:136px;background:conic-gradient(#6678e8 calc(var(--progress)*1%),#edf1f6 0)}
.radial-progress:before{width:103px;height:103px}.radial-progress strong{font-size:25px}.radial-progress small{font-size:10px}
.progress-stats small{font-size:10px}.activity-row,.deadline-row{font-size:14px;padding:15px 0}

.status-distribution{padding:24px 25px 26px}
.status-distribution-bar{height:15px;display:flex;overflow:hidden;border-radius:20px;background:#eef1f6;box-shadow:inset 0 1px 2px rgba(42,56,89,.08)}
.status-distribution-bar span{min-width:3px;height:100%;transition:width .35s ease}
.status-distribution-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:19px}
.status-distribution-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 11px;background:#f8faff;border-radius:11px}
.status-distribution-list i{width:9px;height:9px;border-radius:50%}.status-distribution-list span{font-size:12px;color:#647188;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-distribution-list b{font-size:13px;color:#33415b}

/* Searchable completed-work archive */
.archive-hero{display:grid;grid-template-columns:1.4fr repeat(3,minmax(145px,.55fr));gap:14px;margin-bottom:20px}
.archive-intro,.archive-stat{border:1px solid #e0e7f1;background:#fff;border-radius:19px;padding:21px;box-shadow:0 9px 28px rgba(54,70,108,.045)}
.archive-intro{display:flex;align-items:center;gap:16px;background:linear-gradient(120deg,#f0f3ff,#fff 58%,#edfaf7)}
.archive-intro>span{width:51px;height:51px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;background:#e3e9ff;color:#5d70df;font-size:22px}
.archive-intro h2{font-size:18px;margin:0 0 4px}.archive-intro p{font-size:13px;color:#69768c;margin:0}
.archive-stat{display:flex;flex-direction:column;justify-content:center}.archive-stat small{font-size:11px;color:#758299}.archive-stat strong{font-size:24px;color:#2b3852;margin-top:5px}.archive-stat strong span{font-size:11px;color:#8390a3}
.archive-filter{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(150px,.7fr)) auto auto;align-items:end;gap:12px;padding:18px 21px;border-bottom:1px solid var(--line)}
.archive-filter label{display:block;margin:0}.archive-filter label>span{display:block;font-size:11px;font-weight:700;color:#6d7a90;margin-bottom:6px}.archive-filter .form-control,.archive-filter .form-select{height:43px;min-height:43px}
.archive-filter-actions{display:flex;gap:7px}.archive-task-title{display:flex;align-items:flex-start;gap:10px;min-width:240px}.archive-task-title>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:#eaf8f4;color:#219c7c}.archive-task-title div{display:flex;flex-direction:column}.archive-task-title small{font-size:10px;color:#8995a7;margin-top:3px}.archive-date{display:flex;flex-direction:column}.archive-date strong{font-size:13px}.archive-date small{font-size:10px;color:#8591a4;margin-top:2px}
.archive-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;border-top:1px solid var(--line);color:#748198;font-size:12px}.archive-pagination>div{display:flex;align-items:center;gap:10px}.archive-pagination strong{font-size:12px;color:#3e4b65}.archive-pagination .disabled{pointer-events:none;opacity:.45}

/* Auth and public payment adopt the same bright identity. */
.auth-showcase{background:linear-gradient(145deg,#eef2ff,#f9faff 54%,#ebfaf6)}
.auth-showcase:after{content:"";position:absolute;width:430px;height:430px;border:75px solid rgba(102,120,232,.1);border-radius:50%;right:-160px;bottom:-180px}
.auth-showcase h1{color:#293650}.auth-showcase p{color:#647188}.auth-showcase .eyebrow{color:#5b6fdd}
.auth-feature-grid div{border-color:#dfe5f1;background:rgba(255,255,255,.72);color:#536079;font-size:12px}
.auth-feature-grid i{color:#6174e2}.auth-orb-one{background:rgba(102,120,232,.13)}.auth-orb-two{background:rgba(79,201,173,.16)}
.auth-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:48px}.auth-card-top .auth-logo{margin:0}.auth-logo{max-width:190px;max-height:64px}
.auth-card h2{font-size:31px}.auth-card p{font-size:14px}.auth-card .form-label{font-size:14px}.auth-help{font-size:13px!important}
.payment-card-intro{background:linear-gradient(145deg,#6376e6,#5265d3);color:#fff}.payment-card-intro>p,.payment-amount small,.payment-description small,.payment-due,.payment-card-intro li{color:#e3e7ff}

@media(max-width:1399.98px){.archive-hero{grid-template-columns:1.3fr repeat(3,.6fr)}.archive-filter{grid-template-columns:1fr 1fr 1fr}.archive-filter-actions{grid-column:span 2}}
@media(max-width:1199.98px){.archive-hero{grid-template-columns:1fr 1fr 1fr}.archive-intro{grid-column:1/-1}.app-content{padding-top:27px}}
@media(max-width:767.98px){body{font-size:15px}.page-header-title{font-size:27px}.language-trigger span{display:none}.language-trigger{min-width:40px}.welcome-strip h2{font-size:18px}.welcome-strip div span{font-size:13px}.metric-card strong{font-size:26px}.archive-hero{grid-template-columns:1fr 1fr}.archive-intro{grid-column:1/-1}.archive-stat:last-child{grid-column:1/-1}.archive-filter{grid-template-columns:1fr}.archive-filter-actions{grid-column:auto}.modern-table tbody td{font-size:13px}.auth-card h2{font-size:27px}}
@media(max-width:479.98px){.archive-hero{grid-template-columns:1fr}.archive-intro,.archive-stat:last-child{grid-column:auto}.archive-intro{align-items:flex-start}.archive-filter-actions{flex-direction:column}.archive-filter-actions .btn{width:100%}.status-distribution-list{grid-template-columns:1fr}.welcome-strip{padding:20px}.metric-card{min-height:145px}}

/* Landing page colour bridge. */
.landing-body{--ink:#26334f;--navy:#2c3955;--primary:#6678e8;--primary-dark:#5365d5;--cyan:#45b9d5;--green:#20aa83;--amber:#efb541;--rose:#ef7773;--muted:#65738a;--surface:#f6f8fc}
.landing-brand>span{background:#f1f4ff;box-shadow:none;padding:3px}.landing-brand>span img{width:100%;height:100%}
.landing-nav .nav-cta{background:linear-gradient(135deg,#6f81eb,#5a6ddb)}
.landing-hero{background:linear-gradient(180deg,#f3f6ff 0%,#fff 92%)}
.hero-badge{background:#eef2ff;border-color:#dce3ff;color:#5265d4}
.landing-button.primary{background:linear-gradient(135deg,#7283ec,#6072df);box-shadow:0 12px 28px rgba(102,120,232,.25)}
.product-shell aside{background:#f7f9fd;border-right:1px solid #e3e8f1}.product-shell aside>span{color:#7c889d}.product-shell aside>span.active{color:#5669d8;background:#e8edff}.mini-brand{background:transparent url('../images/duzen360-mark.svg') center/31px 31px no-repeat}.mini-brand i{display:none}.mini-brand img{width:31px;height:31px}
.workflow-visual{background:linear-gradient(145deg,#6678e8,#5065ce);box-shadow:0 28px 65px rgba(72,91,166,.22)}
.request-section{background:linear-gradient(135deg,#5164cf,#6779e1 52%,#43aa98)}
.request-copy>p,.request-copy li,.already-member span{color:#edf0ff}.request-copy .eyebrow{color:#dfe4ff}
.landing-footer{background:#293650}
.landing-language{display:inline-flex!important;gap:3px!important;padding:3px!important;border:1px solid #dfe5ef;border-radius:10px;background:#f7f9fc}
.landing-language a{padding:6px 8px!important;border:0!important;border-radius:7px;font-size:11px!important;color:#6b7890!important}
.landing-language a.active{background:#fff;color:#5366d6!important;box-shadow:0 2px 8px rgba(53,68,105,.08)}

/* Personal workspace: a private, tactile layer inside the corporate shell. */
.personal-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:25px 28px;border:1px solid #dce4f1;border-radius:22px;background:linear-gradient(118deg,#fff 0,#f2f5ff 57%,#edf9f6 100%);box-shadow:0 12px 32px rgba(48,65,105,.06);overflow:hidden}
.personal-hero:after{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-135px;border:45px solid rgba(102,120,232,.08);border-radius:50%}.personal-hero>div:first-child{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.personal-hero-icon{width:57px;height:57px;display:grid;place-items:center;flex:0 0 auto;border-radius:17px;background:linear-gradient(145deg,#6f81eb,#586bd9);color:#fff;font-size:24px;box-shadow:0 11px 24px rgba(92,110,216,.24)}.personal-hero h2{font-size:22px;margin:3px 0 4px;color:#2b3853}.personal-hero p{font-size:13px;color:#68768c;margin:0;max-width:680px}.personal-hero-stat{display:flex!important;flex-direction:column;align-items:flex-end!important;gap:0!important;position:relative;z-index:1}.personal-hero-stat strong{font-size:31px;line-height:1;color:#4f62cf}.personal-hero-stat span{font-size:11px;color:#7c899d;margin-top:4px}.personal-today{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #dce3f0;border-radius:14px;background:rgba(255,255,255,.82);color:#33415d}.personal-today>span{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eef1ff;color:#5669d6;font-size:18px;font-weight:800}.personal-today>div{display:flex;flex-direction:column}.personal-today small{font-size:8px;letter-spacing:1px;color:#8b97a9}.personal-today strong{font-size:11px}

.sticky-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.sticky-toolbar span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #e0e6ef;border-radius:20px;background:#fff;color:#69768b;font-size:10px}.sticky-toolbar i{color:#6174e1}.sticky-board{position:relative;min-height:var(--board-height);border:1px solid #dbe3ee;border-radius:22px;background:#f7f9fd;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 14px 36px rgba(44,60,98,.055);transition:min-height .2s}.board-grid{position:absolute;inset:0;background-image:radial-gradient(#ccd5e5 1px,transparent 1px);background-size:22px 22px;opacity:.52}.sticky-board:after{content:"NOT PANOM";position:absolute;right:22px;bottom:15px;color:#dce2ec;font:800 10px/1.2 sans-serif;letter-spacing:2px}.sticky-empty{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px}.sticky-empty>span{width:67px;height:67px;display:grid;place-items:center;border-radius:20px;background:#e9edff;color:#6072df;font-size:27px}.sticky-empty h3{font-size:19px;margin:15px 0 5px}.sticky-empty p{font-size:12px;color:#768297;margin:0 0 15px}
.sticky-note{--note-bg:#fff3a8;--note-color:#26334f;position:absolute;display:flex;flex-direction:column;min-width:230px;min-height:210px;max-width:680px;max-height:700px;padding:0;background:var(--note-bg);color:var(--note-color);border:1px solid rgba(55,66,88,.1);border-radius:7px 7px 18px 7px;box-shadow:0 15px 30px rgba(47,57,83,.13),inset 0 1px 0 rgba(255,255,255,.4);resize:both;overflow:hidden;transition:box-shadow .16s,transform .16s}.sticky-note:after{content:"";position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 17px 17px;border-color:transparent transparent rgba(0,0,0,.075) transparent;pointer-events:none}.sticky-note.dragging{cursor:grabbing;transform:rotate(.7deg) scale(1.01);box-shadow:0 25px 50px rgba(40,50,77,.2)}.sticky-note-handle{display:flex;align-items:center;gap:7px;flex:0 0 auto;padding:10px 10px 7px;cursor:grab;touch-action:none}.sticky-note-handle>i{font-size:15px;opacity:.43}.sticky-title{min-width:0;width:100%;border:0!important;outline:0!important;background:transparent!important;color:inherit;font-size:14px;font-weight:800;box-shadow:none!important;padding:2px!important}.sticky-title::placeholder,.sticky-content::placeholder{color:currentColor;opacity:.4}.sticky-actions{display:flex;align-items:center;gap:2px}.sticky-actions button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:inherit;display:grid;place-items:center;opacity:.62}.sticky-actions button:hover{background:rgba(255,255,255,.32);opacity:1}.sticky-content{flex:1;width:100%;min-height:80px;padding:6px 15px 10px;border:0;outline:0;background:transparent;color:inherit;font:500 13px/1.55 inherit;resize:none}.sticky-note footer{display:flex;align-items:center;justify-content:space-between;padding:7px 14px 11px;color:inherit;opacity:.56;font-size:9px}.save-state{display:flex;align-items:center;gap:5px}.save-state.saving{opacity:.8}.save-state.error{color:#bd324c;opacity:1}.sticky-menu{position:absolute;z-index:3;right:10px;top:43px;width:174px;padding:11px;border:1px solid rgba(45,55,75,.13);border-radius:13px;background:#fff;color:#34415a;box-shadow:0 16px 35px rgba(35,45,71,.18)}.sticky-menu>span{display:block;font-size:9px;font-weight:800;color:#7e899c;margin:5px 0}.sticky-swatches,.sticky-text-colors{display:flex;gap:5px}.sticky-swatches button,.sticky-text-colors button{width:20px;height:20px;border:1px solid rgba(38,51,79,.15);border-radius:50%;background:var(--swatch);box-shadow:0 1px 3px rgba(30,40,60,.08)}.sticky-swatches button:hover,.sticky-text-colors button:hover{transform:scale(1.12)}

.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:18px}.calendar-card{overflow:hidden}.calendar-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line);text-align:center}.calendar-toolbar h3{font-size:20px;margin:2px 0 0}.calendar-toolbar>.record-count{justify-self:end}.calendar-nav{display:flex;align-items:center;gap:5px}.calendar-nav>a{height:36px;min-width:36px;display:grid;place-items:center;padding:0 10px;border:1px solid #e0e6ef;border-radius:10px;background:#fff;color:#5f6e87;font-size:12px}.calendar-nav>a:hover{border-color:#cdd7ed;background:#f5f7ff;color:#5366d3}.calendar-today-link{font-weight:700}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{border-bottom:1px solid #e3e8f0;background:#f8faff}.calendar-weekdays span{padding:10px 6px;text-align:center;color:#78859a;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.calendar-day{position:relative;min-height:132px;padding:8px;border-right:1px solid #e6ebf2;border-bottom:1px solid #e6ebf2;background:#fff;cursor:pointer;outline:0;transition:background .15s}.calendar-day:nth-child(7n){border-right:0}.calendar-day:hover,.calendar-day:focus{background:#f7f9ff}.calendar-day.outside-month{background:#fafbfd}.calendar-day.outside-month>*{opacity:.52}.calendar-day.is-today{background:#f4f6ff;box-shadow:inset 0 0 0 2px rgba(102,120,232,.45)}.calendar-day>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.calendar-day>header>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;color:#56637a;font-size:11px;font-weight:800}.calendar-day.is-today>header>span{background:#6376e5;color:#fff}.calendar-day>header small{color:#596bd7;font-size:8px;font-weight:800}.calendar-events{display:flex;flex-direction:column;gap:4px}.calendar-event{width:100%;min-width:0;display:flex;align-items:center;gap:4px;padding:4px 5px;border:0;border-radius:6px;background:#f0f3ff;color:#445374;text-align:left;font-size:9px}.calendar-event:hover{filter:brightness(.97)}.calendar-event>i{width:5px;height:5px;flex:0 0 auto;border-radius:50%;background:currentColor}.calendar-event time{font-weight:800}.calendar-event span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar-event.color-indigo{background:#edf0ff;color:#5367d6}.calendar-event.color-emerald{background:#e8f8f3;color:#168b6e}.calendar-event.color-amber{background:#fff4dd;color:#aa7109}.calendar-event.color-rose{background:#fff0f2;color:#c34d66}.calendar-event.color-cyan{background:#e8f8fb;color:#238ba4}.calendar-more{padding-left:7px;color:#7b879a;font-size:8px;font-weight:700}
.calendar-agenda{align-self:start;overflow:hidden}.calendar-agenda>.modern-card-header>i{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#eef1ff;color:#5b6fdd}.agenda-list{padding:7px 16px}.agenda-list>button{width:100%;display:grid;grid-template-columns:40px 7px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px 0;border:0;border-bottom:1px solid #edf0f5;background:transparent;color:#35425d;text-align:left}.agenda-list>button:hover>span strong{color:#5669d5}.agenda-list time{display:flex;align-items:center;flex-direction:column;width:40px;padding:5px 2px;border:1px solid #e4e9f1;border-radius:9px;background:#fafbfe}.agenda-list time b{font-size:15px;line-height:1}.agenda-list time span{font-size:7px;text-transform:uppercase;color:#7d899c}.agenda-dot{width:7px;height:27px;border-radius:5px}.agenda-dot.color-indigo{background:#6678e8}.agenda-dot.color-emerald{background:#20aa83}.agenda-dot.color-amber{background:#efb541}.agenda-dot.color-rose{background:#ef6f72}.agenda-dot.color-cyan{background:#45b9d5}.agenda-list>button>span{min-width:0;display:flex;flex-direction:column}.agenda-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.agenda-list small{font-size:9px;color:#8490a4;margin-top:2px}.agenda-list>button>.bi{font-size:10px;color:#a1aaba}.agenda-add{width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 16px 16px;padding:10px;border:1px dashed #cdd6e8;border-radius:11px;background:#f9faff;color:#586bd7;font-size:11px;font-weight:750}.calendar-color-picker{display:flex;gap:9px}.calendar-color-picker label{cursor:pointer}.calendar-color-picker input{position:absolute;opacity:0;pointer-events:none}.calendar-color-picker span{width:29px;height:29px;display:block;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d9e0eb}.calendar-color-picker span.color-indigo{background:#6678e8}.calendar-color-picker span.color-emerald{background:#20aa83}.calendar-color-picker span.color-amber{background:#efb541}.calendar-color-picker span.color-rose{background:#ef6f72}.calendar-color-picker span.color-cyan{background:#45b9d5}.calendar-color-picker input:checked+span{box-shadow:0 0 0 2px #3c4b66;transform:scale(1.08)}

/* Dashboard launchpad. */
.quick-access-section{margin:0 0 18px}.quick-access-heading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 9px}.quick-access-heading h3{font-size:14px;margin:0}.quick-access-heading span{font-size:10px;color:#8290a4}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.quick-access-card{min-width:0;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid #dfe6f0;border-radius:15px;background:rgba(255,255,255,.92);color:#34415c;box-shadow:0 6px 18px rgba(48,64,101,.04);transition:.18s}.quick-access-card:hover{border-color:#cbd6eb;color:#4f62cf;transform:translateY(-2px);box-shadow:0 11px 25px rgba(48,64,101,.09)}.quick-access-card>span{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#eef1ff;color:#5b6fdd;font-size:17px}.quick-access-card.tone-mint>span{background:#e9f8f3;color:#20997a}.quick-access-card.tone-amber>span{background:#fff4dd;color:#b87a0b}.quick-access-card.tone-rose>span{background:#fff0f2;color:#c95069}.quick-access-card.tone-cyan>span{background:#e9f8fb;color:#2c91aa}.quick-access-card>div{min-width:0;display:flex;flex-direction:column}.quick-access-card strong{font-size:11px}.quick-access-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8490a3;font-size:9px}.quick-access-card>.bi{margin-left:auto;color:#a0aabb;font-size:10px}

@media(max-width:1199.98px){.calendar-layout{grid-template-columns:1fr}.calendar-agenda{display:grid;grid-template-columns:1fr}.agenda-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.agenda-add{max-width:280px}}
@media(max-width:767.98px){.personal-hero{align-items:flex-start;padding:20px}.personal-hero>div:first-child{align-items:flex-start}.personal-hero-icon{width:47px;height:47px;font-size:20px}.personal-hero h2{font-size:18px}.personal-hero-stat{display:none!important}.personal-today{display:none}.sticky-board{min-height:0!important;padding:12px;overflow:visible;background:#f5f7fc}.board-grid{display:none}.sticky-note{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:none;height:260px!important;margin-bottom:12px;resize:vertical}.sticky-note-handle{cursor:default}.sticky-note-handle>i{display:none}.sticky-board:after{display:none}.sticky-empty{position:relative;min-height:330px}.calendar-toolbar{grid-template-columns:1fr auto}.calendar-toolbar>div:nth-child(2){grid-column:1/-1;grid-row:1;text-align:left;margin-bottom:10px}.calendar-toolbar>.record-count{grid-column:2;grid-row:2}.calendar-nav{grid-column:1;grid-row:2}.calendar-day{min-height:96px;padding:5px}.calendar-weekdays span{font-size:0}.calendar-weekdays span:after{content:attr(data-short);font-size:9px}.calendar-event{padding:4px}.calendar-event time{display:none}.calendar-event>i{display:none}.agenda-list{grid-template-columns:1fr}.quick-access-grid{grid-template-columns:1fr 1fr}}
@media(max-width:479.98px){.personal-hero>div:first-child{gap:12px}.personal-hero-icon{display:none}.sticky-toolbar span{font-size:9px}.calendar-toolbar{padding:15px}.calendar-nav>a{padding:0 8px}.calendar-day{min-height:80px}.calendar-day>header>span{width:23px;height:23px}.calendar-event{font-size:8px}.calendar-event:nth-child(n+3){display:none}.calendar-more{display:none}.quick-access-grid{grid-template-columns:1fr}.quick-access-card{padding:11px 13px}}

.platform-user-meta{display:flex!important;align-items:center;gap:6px;margin-top:5px}.platform-user-meta .role-badge{font-size:8px;padding:3px 6px}.platform-user-meta .tenant-status{font-style:normal;font-size:8px;padding:3px 6px}.root-account-lock{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#eef1ff;color:#596cda}.platform-permission-grid{grid-template-columns:1fr 1fr}.permissions-locked{opacity:.48;pointer-events:none}.access-full-note{margin-top:14px}.access-full-note i{color:#5a6edc}
@media(max-width:575.98px){.platform-permission-grid{grid-template-columns:1fr}.platform-users>div{align-items:flex-start}.platform-users .user-buttons{flex-direction:column}}

/* Incoming and outgoing invoice workspaces. */
.submenu-bullet.incoming{background:#efb541!important}.submenu-bullet.outgoing{background:#20aa83!important}.invoice-direction-switch{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px}.invoice-direction-switch>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 18px;border:1px solid #dfe6f0;border-radius:17px;background:#fff;color:#34415c;box-shadow:0 8px 24px rgba(48,64,101,.045);transition:.18s}.invoice-direction-switch>a:hover{border-color:#cbd5e8;transform:translateY(-2px);box-shadow:0 13px 28px rgba(48,64,101,.08)}.invoice-direction-switch>a.active{border-color:#bdc9f4;background:linear-gradient(120deg,#fff,#f3f5ff);box-shadow:0 11px 30px rgba(79,98,186,.1)}.invoice-direction-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;font-size:20px}.invoice-direction-icon.incoming{background:#fff2d9;color:#b77708}.invoice-direction-icon.outgoing{background:#e8f8f2;color:#178d70}.invoice-direction-switch div{min-width:0;display:flex;flex-direction:column}.invoice-direction-switch small{font-size:8px;font-weight:800;letter-spacing:.8px;color:#929caf}.invoice-direction-switch strong{font-size:14px;margin:2px 0}.invoice-direction-switch em{font-size:9px;font-style:normal;color:#77849a}.invoice-direction-switch>a>.bi{font-size:11px;color:#a0a9b9}.invoice-summary{grid-template-columns:repeat(4,1fr)}.invoice-number-cell{display:flex;align-items:center;gap:9px;min-width:180px}.invoice-number-cell>div{display:flex;flex-direction:column}.invoice-number-cell small{color:#8793a6;font-size:9px}.invoice-mini-direction{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.invoice-mini-direction.gelen{background:#fff2d9;color:#b77708}.invoice-mini-direction.giden{background:#e8f8f2;color:#178d70}.invoice-form-direction{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding:12px 14px;border:1px solid #e1e7f0;border-radius:13px}.invoice-form-direction>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:17px}.invoice-form-direction.gelen{background:#fffbf3}.invoice-form-direction.gelen>i{background:#fff0d1;color:#b67508}.invoice-form-direction.giden{background:#f3fbf8}.invoice-form-direction.giden>i{background:#def5ec;color:#168d70}.invoice-form-direction>span{display:flex;flex-direction:column}.invoice-form-direction strong{font-size:12px}.invoice-form-direction small{font-size:9px;color:#7d899d}.form-divider{position:relative;height:18px;border-bottom:1px solid #e7ebf2;margin-bottom:8px}.form-divider span{position:absolute;bottom:-9px;left:0;padding-right:10px;background:#fff;color:#66748b;font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
@media(max-width:991.98px){.invoice-summary{grid-template-columns:1fr 1fr}}
@media(max-width:767.98px){.invoice-direction-switch{grid-template-columns:1fr}.invoice-direction-switch>a{padding:14px}.invoice-summary{grid-template-columns:1fr 1fr}.invoice-summary>div{min-width:0}}
@media(max-width:479.98px){.invoice-summary{grid-template-columns:1fr}.invoice-direction-switch em{white-space:normal}}