:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152035;background:#f5f6f8;font-size:14px;--red:#ec1233;--muted:#7b8495;--border:#e4e7ec}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1{font-size:28px;letter-spacing:-.7px;margin:8px 0 20px}h2{font-size:19px;margin:0}p{line-height:1.6}label{display:block;font-size:12px;color:#58647a;margin-bottom:16px}input,select,textarea{display:block;width:100%;border:1px solid var(--border);border-radius:9px;background:#fff;padding:11px 12px;color:#152035;margin-top:7px}input:focus,select:focus,textarea:focus{border-color:#c5cbd6;outline:3px solid #ec12331a}textarea{resize:vertical;min-height:75px}button{border:1px solid var(--border);border-radius:9px;background:#f8f9fb;padding:10px 16px;color:#152035}.primary{background:var(--red);border-color:var(--red);color:white;font-weight:600}.secondary{background:#f8f9fb}.muted{color:var(--muted);font-size:12px}.error{color:#bd1733;min-height:18px;font-size:13px}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:100%;max-width:380px;padding:36px;background:white;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 45px #182d4808}.login-logo{width:145px;height:auto;margin-bottom:18px}.login-card h1{margin:0 0 6px}.login-card #login-intro{margin-bottom:25px}.login-card .primary{width:100%;padding:13px}.check{display:flex;align-items:center;gap:8px;margin-top:-4px}.check input{width:auto;margin:0;accent-color:var(--red)}.login-help{text-align:center;margin:22px 0 0}.setup-help{color:var(--muted);font-size:11px;margin-top:20px;line-height:1.6;overflow-wrap:anywhere}.setup-help summary{cursor:pointer}.account-header{height:80px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.account-brand{display:flex;align-items:center;gap:22px;font-size:21px}.account-brand img{width:135px}.account-brand strong{border-left:1px solid var(--border);padding-left:22px}.profile-menu{position:relative;font-size:13px}.profile-menu summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary small{display:block;color:#7b8495;font-size:11px;margin-top:4px}.profile-avatar{display:grid;place-items:center;border-radius:12px;background:#f4f5f8;width:38px;height:38px;font-weight:600}.profile-menu nav{position:absolute;z-index:50;right:0;top:50px;width:220px;padding:7px;border:1px solid var(--border);background:white;border-radius:12px;box-shadow:0 10px 35px #14233b1a}.profile-menu nav a,.profile-menu nav button{display:block;padding:10px 12px;border:0;text-align:left;width:100%;background:white;font-size:13px;border-radius:7px}.profile-menu nav a:hover,.profile-menu nav button:hover{background:#f4f5f8}.account-main{max-width:1400px;margin:0 auto;padding:30px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.back-link{color:#7b8495;font-size:12px}.tabs{display:flex;gap:7px;margin:0 0 22px;flex-wrap:wrap}.tabs a{padding:9px 14px;border:1px solid var(--border);background:white;border-radius:9px;font-size:12px}.tabs .active{color:var(--red);border-color:#f4bdc5;background:#fff7f8}.panel,.empty-state{background:white;border:1px solid var(--border);border-radius:14px;padding:22px}.empty-state{text-align:center;padding:60px 20px;color:#7b8495}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:11px;color:#7b8495;font-weight:500;background:#fafbfc}th,td{padding:14px 18px;border-bottom:1px solid #edf0f3;white-space:nowrap}td small{display:block;color:#7b8495;margin-top:5px}tbody tr:last-child td{border-bottom:0}.status{font-size:11px;background:#f3f5f8;border-radius:6px;padding:5px 8px}.status.confirmed{background:#e8f7ee;color:#167341}.status.draft{background:#fff1f3;color:#b3233e}.row-link{font-weight:600}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.actions button{font-size:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}dialog{width:min(850px,calc(100vw - 36px));border:1px solid var(--border);border-radius:18px;padding:26px;max-height:90vh;overflow:auto;color:#152035;box-shadow:0 30px 100px #14233b33}dialog::backdrop{background:#16223855}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.close-button{border:0;background:#f3f5f8;padding:3px 10px;font-size:23px}.order-item{display:grid;grid-template-columns:1fr 100px 130px 40px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f3}.order-item input{margin:0}.order-item small{display:block;color:#7b8495;margin-top:5px;font-size:11px}.order-item strong{font-size:13px}.order-item .remove-line{padding:6px;font-size:18px}.saved-total{font-size:24px;font-weight:650;text-align:right;margin:20px 0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi{background:white;border:1px solid var(--border);border-radius:14px;padding:22px}.kpi span{color:#7b8495;font-size:12px;display:block}.kpi strong{display:block;font-size:29px;letter-spacing:-.7px;margin:10px 0}.kpi small{font-size:11px;color:#7b8495}.control-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px}.chart{height:180px;display:flex;gap:3px;align-items:end;overflow-x:auto;padding-top:20px}.chart-day{flex:1;min-width:10px;height:100%;display:flex;flex-direction:column;justify-content:end;text-align:center}.chart-bar{background:#ef405a;border-radius:4px 4px 0 0;min-height:1px}.chart-day small{font-size:9px;color:#7b8495;writing-mode:vertical-rl;margin-top:6px;align-self:center}.bar-0{height:1%}.bar-1{height:10%}.bar-2{height:20%}.bar-3{height:30%}.bar-4{height:40%}.bar-5{height:50%}.bar-6{height:60%}.bar-7{height:70%}.bar-8{height:80%}.bar-9{height:90%}.bar-10{height:100%}.category-count{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f3;font-size:13px}.periods{display:flex;gap:8px}.periods input,.periods select{width:auto;margin:0;padding:9px}.read-only-note{font-size:12px;color:#7b8495;line-height:1.6}.history-event{padding:9px 0;border-bottom:1px solid #edf0f3;font-size:12px}.warning{padding:12px;background:#fff5e8;border:1px solid #f6d8b3;border-radius:9px;color:#89602c;font-size:12px}.transfer-panel{margin-top:28px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);border-radius:10px;padding:12px 22px;background:#172437;color:white;font-size:13px;z-index:100}code{font-size:11px;overflow-wrap:anywhere}
@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:1fr}.account-main{padding:20px}.account-header{padding:0 20px}.periods{flex-wrap:wrap}.page-heading{align-items:start}}@media(max-width:600px){.account-brand{gap:10px;font-size:16px}.account-brand img{width:100px}.account-brand strong{padding-left:10px}.profile-menu summary>span:last-child{max-width:110px;overflow:hidden}.two-columns{grid-template-columns:1fr}.order-item{grid-template-columns:1fr 70px 90px 30px;gap:6px}.order-item strong{font-size:11px}.page-heading{display:block}.kpi{padding:16px}.kpi strong{font-size:24px}}

.account-logo{display:block;position:relative;overflow:hidden;width:132px;height:30px;flex-shrink:0}.account-logo img{position:absolute;max-width:none;width:165px;left:-16px;top:-70px}.login-logo{margin-bottom:24px;width:132px;height:30px}

/* v0.5.1: compact, grouped employee menu. */
.profile-menu summary{border-radius:12px;padding:5px 8px;transition:background .15s ease}.profile-menu summary:hover,.profile-menu[open] summary{background:#f4f5f8}.profile-menu summary>.profile-icon{width:16px;height:16px;color:#7b8495;transition:transform .15s ease}.profile-menu[open] summary>.profile-icon{transform:rotate(180deg)}.profile-menu nav{width:270px;max-width:calc(100vw - 32px);top:calc(100% + 10px);padding:6px;border-radius:15px;max-height:calc(100vh - 105px);overflow:auto;box-shadow:0 12px 40px #14233b18}.profile-menu-heading{display:flex;gap:11px;align-items:center;padding:12px 10px 14px}.profile-menu-heading>div{min-width:0}.profile-menu-heading strong{font-size:13px;font-weight:600;display:block;overflow-wrap:anywhere}.profile-menu-heading small{display:block;margin-top:5px;font-size:11px;color:#7b8495;line-height:1.4;overflow-wrap:anywhere}.profile-menu-heading .profile-avatar{flex-shrink:0}.profile-menu-group{border-top:1px solid #edf0f3;padding:5px 0}.profile-menu nav a,.profile-menu nav button{display:flex;align-items:center;gap:11px;min-height:38px;padding:9px 11px;font-size:12px;transition:background .15s ease}.profile-menu nav a:hover,.profile-menu nav button:hover{background:#f4f5f8}.profile-menu nav a:active,.profile-menu nav button:active{background:#eaeef3}.profile-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;color:#647086}.profile-menu #logout{color:#c8253d}.profile-menu #logout .profile-icon{color:inherit}.profile-menu :focus-visible{outline:2px solid #ec1233;outline-offset:2px}.personal-profile{max-width:540px}.personal-profile h2{margin:14px 0 22px}.personal-profile dl{display:grid;grid-template-columns:90px 1fr;gap:15px;font-size:13px;margin:0 0 25px}.personal-profile dt{color:#7b8495}.personal-profile dd{margin:0;overflow-wrap:anywhere}.profile-password{display:inline-block;border:1px solid #e4e7ec;border-radius:9px;padding:10px 14px;font-size:12px}.profile-password:hover{background:#edf0f4}
@media(prefers-reduced-motion:reduce){.profile-menu *{transition:none!important}}