:root{--bg: #f4f4f1;--panel: #ffffff;--fg: #1c2a1a;--muted: #647067;--border: #dfe6df;--green: #2e5d4b;--green-soft: #dbefe5;--accent: #7fbf7f;--danger: #b74a4a;--shadow: 0 12px 30px rgba(17, 30, 23, .08)}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--fg)}button,input,select,textarea{font:inherit}button.small{padding:8px 10px;font-size:.85rem}#app{max-width:1100px;margin:0 auto;min-height:100vh}.view{display:block}.hidden{display:none}.auth-card{width:min(440px,calc(100% - 32px));margin:80px auto;background:var(--panel);border-radius:20px;padding:32px 24px;box-shadow:var(--shadow)}.auth-card h1,.topbar h2,.card-header h3{margin:0}.subtitle{color:var(--muted);margin:8px 0 24px}form label{display:flex;flex-direction:column;gap:8px;color:var(--fg);font-weight:600;margin-bottom:16px}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff}button{border:none;border-radius:10px;padding:12px 18px;cursor:pointer;font-weight:700}button.primary{background:var(--green);color:#fff;width:100%}button.ghost{background:#eef2ef;color:var(--fg)}button:disabled{cursor:not-allowed;opacity:.55}.auth-secondary{width:100%;margin-top:10px}.text-button{display:block;margin:8px auto 0;padding:8px;background:transparent;color:var(--green);font-size:.9rem}.auth-message{min-height:1.4em;margin:14px 0 0;color:var(--muted);font-size:.92rem}.auth-message.error{color:var(--danger)}.calendar-selected-date{margin-bottom:12px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 10px}.nav-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px}.tab-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding-inline:16px}.tab-btn.active{background:var(--green-soft);border-color:var(--green-soft);color:var(--green)}main{padding:0 16px 40px}.panel{display:none}.active-panel{display:block}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.summary-card,.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.summary-card{padding:20px}.summary-card span{color:var(--muted);display:block;margin-bottom:8px}.summary-card strong{font-size:1.6rem}.accent{background:var(--green-soft)}.card{padding:20px;margin-bottom:18px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-header{gap:12px;flex-wrap:wrap}.calendar-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays{margin-bottom:8px;color:var(--muted);font-size:.82rem;text-align:center}.calendar-day{min-height:88px;border:1px solid var(--border);border-radius:12px;background:#fff;padding:8px 6px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;transition:.2s ease}.calendar-day.outside-month{opacity:.45}.calendar-day.has-work{background:var(--green-soft);border-color:#bfdaca}.calendar-day.selected{outline:2px solid var(--green);box-shadow:inset 0 0 0 1px var(--green)}.day-number{font-weight:700}.day-hours{font-size:.74rem;color:var(--green);font-weight:700}.calendar-day-details{margin-top:18px}.calendar-day-details h4{margin:0 0 12px}.stack-form{display:block}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.list{display:grid;gap:12px}.list-item{border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.list-item strong{display:block;margin-bottom:4px}.muted{color:var(--muted);font-size:.92rem}.amount{font-weight:700}@media(max-width:640px){.auth-card{margin-top:40px}.topbar{align-items:flex-start;flex-direction:column;gap:12px}}
