:root{--color-bg: #f5f7fb;--color-surface: #ffffff;--color-surface-soft: #f8fafc;--color-text: #1f2937;--color-muted: #475569;--color-border: #e2e8f0;--color-primary: #2563eb;--color-danger: #b91c1c;--color-accent: #0f766e;--shadow: 0 10px 20px rgba(15, 23, 42, .08);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[data-theme=dark]{--color-bg: #0f172a;--color-surface: #111827;--color-surface-soft: #1f2937;--color-text: #f8fafc;--color-muted: #cbd5e1;--color-border: #334155;--color-primary: #3b82f6;--color-danger: #f87171;--color-accent: #14b8a6;--shadow: 0 10px 20px rgba(0, 0, 0, .35)}[data-theme=grey]{--color-bg: #e5e7eb;--color-surface: #f3f4f6;--color-surface-soft: #e5e7eb;--color-text: #111827;--color-muted: #374151;--color-border: #9ca3af;--color-primary: #4b5563;--color-danger: #991b1b;--color-accent: #374151;--shadow: 0 10px 20px rgba(31, 41, 55, .12)}[data-theme=brown]{--color-bg: #f5ede5;--color-surface: #fffaf5;--color-surface-soft: #f9efe4;--color-text: #3f2d21;--color-muted: #6b4f3b;--color-border: #d6bfa8;--color-primary: #8b5e3c;--color-danger: #9a3412;--color-accent: #7c4a2d;--shadow: 0 10px 20px rgba(124, 74, 45, .15)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);transition:background-color .2s ease,color .2s ease}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10}.app-header-inner{max-width:1000px;margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem}.header-nav-area{display:flex;align-items:center;justify-content:space-between;width:100%}.brand-link{text-decoration:none;color:inherit;text-align:center}.top-menu-desktop{display:flex;align-items:center;gap:.35rem}.top-menu-link{text-decoration:none;color:var(--color-muted);border:1px solid transparent;border-radius:10px;padding:.45rem .75rem;font-size:.88rem;display:inline-flex;align-items:center;gap:.45rem}.top-menu-link.active,.top-menu-link:hover{color:var(--color-text);background:var(--color-surface-soft);border-color:var(--color-border)}.user-menu-mobile{display:none}.user-menu{position:relative}.user-menu-trigger{list-style:none;cursor:pointer;color:var(--color-muted);border:1px solid var(--color-border);border-radius:10px;padding:.5rem;font-size:.88rem;background:var(--color-surface-soft);display:inline-flex;align-items:center;justify-content:center}.user-menu-trigger::-webkit-details-marker{display:none}.hamburger-icon{display:inline-grid;gap:.2rem}.hamburger-icon span{display:block;width:18px;height:2px;background:var(--color-muted);border-radius:999px}.user-menu-list{position:absolute;right:0;top:calc(100% + .35rem);display:grid;min-width:220px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow);overflow:hidden}.user-menu-link{text-decoration:none;color:var(--color-text);padding:.6rem .75rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:.5rem}.user-menu-link:last-child{border-bottom:0}.user-menu-link.active,.user-menu-link:hover{background:var(--color-surface-soft)}.menu-item-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item-icon svg{width:16px;height:16px;fill:currentColor}.brand-subtitle{margin:0;color:var(--color-muted);font-size:1.1rem;font-weight:600}.app-main{flex:1;display:grid;place-items:center;padding:2rem 1rem}.app-footer{border-top:1px solid var(--color-border);color:var(--color-muted);text-align:center;padding:.85rem 1rem;background:var(--color-surface);font-size:.9rem}.card{width:min(560px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:2rem;box-shadow:var(--shadow)}.login-card{width:min(420px,100%)}h1{margin-top:0}p{line-height:1.6;color:var(--color-muted)}.test-button{margin-bottom:1rem;background:var(--color-accent)}.stack{display:grid;gap:.75rem;margin:1rem 0 1.5rem}.page-links{display:grid;gap:.65rem;margin-top:1rem}.page-link{text-decoration:none;color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-soft);padding:.65rem .75rem;display:grid;gap:.2rem}.page-link-title{font-weight:600}.page-link-description{color:var(--color-muted);font-size:.9rem}.page-link:hover{border-color:var(--color-primary)}.data-card{width:min(860px,100%)}.data-sections{display:grid;gap:1rem}.data-section{border:1px solid var(--color-border);border-radius:12px;padding:.85rem;background:var(--color-surface-soft)}.data-section-merged{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:.85rem;align-items:start}.data-section-title{margin:0 0 .6rem;font-size:1rem}.data-listbox{width:100%;min-height:160px}.date-grid{display:grid;grid-template-columns:1fr;gap:.75rem}label{display:grid;gap:.35rem;font-size:.92rem}input,select{border:1px solid var(--color-border);border-radius:10px;padding:.55rem .65rem;font:inherit;color:var(--color-text);background:var(--color-surface-soft)}button{border:0;border-radius:10px;padding:.65rem 1rem;background:var(--color-primary);color:#fff;font-weight:600;cursor:pointer}button:disabled{opacity:.7;cursor:not-allowed}.status{margin:0 0 .5rem;font-weight:600}.error{color:var(--color-danger);margin:0 0 .75rem}.result{margin:0;padding:1rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface-soft);min-height:120px;overflow:auto}@media (max-width: 600px){.app-main{padding:1rem}.card{border-radius:12px;padding:1.25rem}.app-header-inner{align-items:center}.top-menu-desktop{display:none}.user-menu-mobile{display:block}.user-menu-list{right:auto;left:50%;transform:translate(-50%)}h1{font-size:1.35rem}button,input{min-height:44px}.result{font-size:.9rem}.date-grid,.data-section-merged{grid-template-columns:1fr}}