:root{--bg: #f5f6f8;--surface: #ffffff;--border: #d9dde3;--text: #1c2430;--text-muted: #5b6674;--accent: #1f6feb;--accent-text: #ffffff;--danger: #b42318;--ok: #027a48;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3{margin-top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.notice{background:#fff8e1;border:1px solid #e6c86e;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;color:#6b5417}.form-error{color:var(--danger)}.form-ok{color:var(--ok)}.screen-note{padding:2rem;color:var(--text-muted)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;width:100%;max-width:380px}.auth-card label{display:block;margin-bottom:.75rem;font-size:.9rem;color:var(--text-muted)}.auth-card input{display:block;width:100%;margin-top:.25rem;padding:.55rem .65rem;font:inherit;border:1px solid var(--border);border-radius:6px}.auth-card button[type=submit]{width:100%;margin-top:.5rem;padding:.6rem;border:none;border-radius:6px;background:var(--accent);color:var(--accent-text)}.auth-alt{margin-top:1rem;font-size:.9rem;color:var(--text-muted)}.office-shell{display:flex;min-height:100vh}.office-sidebar{width:230px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);padding:1rem}.office-sidebar h1{font-size:1.15rem;margin-bottom:1.25rem}.office-sidebar nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.office-sidebar nav a{padding:.5rem .75rem;border-radius:6px;color:var(--text)}.office-sidebar nav a.active{background:var(--accent);color:var(--accent-text)}.sidebar-footer{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:.75rem}.sidebar-footer button{align-self:flex-start;background:none;border:1px solid var(--border);border-radius:6px;padding:.3rem .6rem}.office-main{flex:1;min-width:0;padding:1.5rem 2rem}.data-table{width:100%;border-collapse:collapse;font-size:.95rem}.data-table th,.data-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border)}.inline-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.inline-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.inline-form input,.inline-form select{padding:.5rem .6rem;font:inherit;border:1px solid var(--border);border-radius:6px}.inline-form button{padding:.55rem 1rem;border:none;border-radius:6px;background:var(--accent);color:var(--accent-text)}.event-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;border-top:1px solid var(--border)}.event-row:first-of-type{border-top:none}.event-meta{color:var(--text-muted);font-size:.9rem}.event-desc{font-size:.9rem;margin-top:.25rem;white-space:pre-wrap}.event-row a{flex-shrink:0;font-size:.9rem}.tech-shell{display:flex;flex-direction:column;min-height:100vh}.tech-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:var(--text);color:#fff;font-weight:600}.tech-header button{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:6px;padding:.3rem .6rem;font-size:.85rem}.tech-main{flex:1;padding:1rem}.tech-tabbar{display:flex;border-top:1px solid var(--border);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.tech-tabbar a{flex:1;text-align:center;padding:.85rem 0;color:var(--text-muted);font-size:.95rem}.tech-tabbar a.active{color:var(--accent);font-weight:600}
