:root{font-family:Arial,sans-serif;color:#111827;background:#f5f7fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}a{color:inherit;text-decoration:none}#app,.app-layout{min-height:100vh}.app-body{display:flex;min-height:calc(100vh - 58px)}.auth-shell,.content-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.hello-card,.profile-card{width:min(100%,520px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0f172a0a}.profile-card{width:min(100%,640px)}.topbar{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.sidebar{width:220px;padding:16px 14px;border-right:1px solid #e5e7eb;background:#fff}.sidebar-nav{display:grid;gap:8px}.sidebar-link{display:block;padding:12px 14px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;font-weight:600;color:#334155;transition:background .15s ease,border-color .15s ease}.sidebar-link.router-link-active{background:#111827;color:#fff;border-color:#111827}.sidebar-link:hover{border-color:#cbd5e1;background:#f3f4f6}.brand,.profile-trigger,.logout-button,.primary-button{border:0;border-radius:12px;transition:background .15s ease,opacity .15s ease}.brand{background:transparent;padding:0;font-weight:700;cursor:pointer;color:#0f172a}.topbar-actions{display:flex;gap:12px;align-items:center}.profile-trigger{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;cursor:pointer;color:#0f172a}.profile-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#e5e7eb}.profile-avatar svg{width:16px;height:16px}.logout-button,.primary-button{padding:10px 14px;background:#111827;color:#fff;cursor:pointer}.icon-button{width:40px;height:40px;border:0;border-radius:12px;background:#111827;color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}.logout-button:hover,.primary-button:hover,.profile-trigger:hover{opacity:.94}.eyebrow,.section-label{margin:0 0 8px;font-size:.8rem;font-weight:700;text-transform:uppercase;color:#2563eb}h1{margin:0;font-size:2rem}.lead{margin:12px 0 0;color:#4b5563}.auth-form,.profile-grid{margin-top:20px;display:grid;gap:14px}.detail-metrics{margin-top:18px}.content-shell{flex:1;min-height:auto;align-content:start;place-items:start center}.content-shell>*{width:min(100%,640px)}.page-stack{width:100%;display:grid;gap:16px}.page-header,.form-header,.table-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.detail-actions{display:inline-flex;gap:8px}.field{display:grid;gap:6px}.field span,.info-block span{font-size:.9rem;font-weight:600}.field input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px}.error-message{margin:0;color:#b91c1c}.info-block{padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.info-block strong{display:block;margin-top:4px;word-break:break-word}.form-card,.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0f172a59;z-index:20}.modal-card{width:min(100%,560px);background:#fff;border-radius:16px;padding:20px;box-shadow:0 16px 40px #0f172a1f}.simple-form{margin-top:16px;display:grid;gap:14px}.field select{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff}.secondary-button,.text-button{border:0;background:#f3f4f6;color:#111827;padding:10px 14px;border-radius:10px;cursor:pointer}.text-button{padding:8px 10px}.text-button.danger{background:#fee2e2;color:#991b1b}.modal-close{border:0;background:transparent;color:#6b7280;cursor:pointer;padding:0}.empty-state{margin-top:16px;padding:16px;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280}.table-wrap{overflow-x:auto;margin-top:16px}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.simple-table th{font-size:.85rem;text-transform:uppercase;color:#6b7280}.row-actions{white-space:nowrap;display:inline-flex;gap:8px;align-items:center}.due-cell{display:inline-flex;align-items:center;gap:6px}.late-dot{width:8px;height:8px;border-radius:999px;background:#dc2626;display:inline-block}.icon-action-button{width:34px;height:34px;display:inline-grid;place-items:center;border:0;border-radius:10px;background:#f3f4f6;color:#111827;cursor:pointer}.icon-action-button svg{width:16px;height:16px;fill:currentColor}.icon-action-button.danger{background:#fee2e2;color:#991b1b}@media(max-width:640px){.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{width:100%;justify-content:space-between}.app-body{flex-direction:column}.sidebar{width:100%;border-right:0;border-bottom:1px solid #e5e7eb}.page-header,.form-header,.table-header{align-items:flex-start;flex-direction:column}}