@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons+Round";:root{--brand-dark: #0f1715;--brand-primary: #1e3a31;--brand-medium: #3c5a4f;--brand-accent: #c5a059;--brand-accent-light: #dfc28d;--success: #10b981;--danger: #ef4444;--bg-base: #f8f9f8;--bg-surface: #ffffff;--text-main: #1a1f1d;--text-muted: #64748b;--border-color: #e2e8f0;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-premium: 0 10px 40px -10px rgba(15, 23, 21, .12);--transition: all .25s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 280px;--topbar-height: 80px}body.theme-zouen{--brand-dark: #2d1a11;--brand-primary: #4a3022;--brand-medium: #6d4c38}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Noto Sans JP,sans-serif;background-color:var(--bg-base);color:var(--text-main);line-height:1.6}.material-icons-round{font-family:Material Icons Round!important;font-size:24px;display:inline-block;line-height:1;vertical-align:middle}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column}.modern-topbar{height:var(--topbar-height);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--border-color);padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:200;box-shadow:0 2px 12px #0000000f}.topbar-brand{display:flex;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;color:var(--brand-primary);letter-spacing:.05em;text-decoration:none}.topbar-brand i{color:var(--brand-accent);font-size:1.75rem}.user-profile-wrapper{position:relative}.user-profile{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.user-profile-icon{width:32px;height:32px;background:var(--brand-primary);color:var(--brand-accent);border-radius:50%;display:flex;align-items:center;justify-content:center}.mode-dropdown{position:absolute;top:100%;right:0;margin-top:1rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-premium);min-width:240px;padding:.75rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition)}.user-profile-wrapper:hover .mode-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.mode-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-main);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.mode-dropdown-item:hover{background:var(--bg-base);color:var(--brand-primary)}.mode-dropdown-divider{height:1px;background:var(--border-color);margin:.5rem 0}.page-container{padding:1.5rem;max-width:90%;margin:0 auto;width:100%}.back-btn-wrap{margin-bottom:1rem}.back-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem .45rem .7rem;background:transparent;border:1.5px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-muted);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:none}.back-btn i{font-size:1.1rem;transition:transform .2s ease}.back-btn:hover{background:var(--bg-base);border-color:var(--brand-primary);color:var(--brand-primary);transform:none;box-shadow:none}.back-btn:hover i{transform:translate(-3px)}.page-title{font-size:2.25rem;font-weight:700;color:var(--brand-primary);margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.page-title:before{content:"";width:8px;height:2.25rem;background:var(--brand-accent);border-radius:4px}.card,.glass-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;padding:2rem!important;margin-bottom:2rem;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-premium)!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.dash-header{display:flex;align-items:center;gap:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem;margin-bottom:1.5rem}.dash-icon-box{width:56px;height:56px;border-radius:16px;background:var(--bg-base);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:1.75rem}.dash-links{display:flex;flex-direction:column;gap:.85rem}.dash-link-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.75rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main)!important;font-weight:500;transition:var(--transition);text-decoration:none!important;box-shadow:none}.dash-link-item *{text-decoration:none!important;border-bottom:none!important}.dash-link-item .number{font-family:Outfit,sans-serif;font-size:.85rem;color:var(--brand-accent);font-weight:700;letter-spacing:.1em;flex-shrink:0}.dash-link-item span:not(.number){flex:1;font-size:1rem;letter-spacing:.02em;color:var(--text-main)}.dash-link-item i{margin-left:auto;font-size:1.25rem;color:var(--text-muted);transition:var(--transition);opacity:.4;flex-shrink:0}.dash-link-item:hover{border-color:var(--brand-primary);transform:translate(6px);background:var(--brand-primary);color:#fff!important;box-shadow:var(--shadow-md)}.dash-link-item:hover .number{color:var(--brand-accent-light);opacity:1}.dash-link-item:hover i{color:#fff;opacity:1;transform:translate(4px)}.btn,.btn-large{background:var(--brand-primary)!important;color:#fff!important;font-weight:600!important;height:3.5rem!important;padding:0 2rem!important;border-radius:var(--radius-md)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.75rem!important;border:none!important;cursor:pointer!important;transition:var(--transition)!important;box-shadow:var(--shadow-sm)!important}.btn:hover{background:var(--brand-medium)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)!important}td .btn,td .btn-large,td .btn-small{height:2.25rem!important;padding:0 1rem!important;font-size:.8rem!important;min-width:80px;white-space:nowrap}td .btn-floating,td .btn-floating:link,td .btn-floating:visited,td .btn-floating:hover,td .btn-floating:active,td .btn-floating:focus{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border-radius:var(--radius-sm)!important;background:var(--brand-primary)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:var(--shadow-sm)!important;transition:var(--transition)!important}td .btn-floating:hover{background:var(--brand-medium)!important;opacity:1!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}td .btn-floating i,td .btn-floating:visited i{color:#fff!important;font-size:1.1rem!important}td .input-field{margin-bottom:.4rem;margin-top:.4rem;justify-content:center}td .input-field input,td .input-field select{height:2.5rem;padding:0 .75rem;font-size:.9rem}th .input-field,th .btn-floating{margin:0}.input-field{display:flex;flex-direction:column;margin-bottom:2rem}.input-field label{font-size:.95rem;font-weight:600;color:var(--brand-primary);margin-bottom:.75rem;order:-1}input[type=text],input[type=password],input[type=number],input[type=date],select,textarea{width:100%;height:3.5rem;padding:0 1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;transition:var(--transition);box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #1e3a311a}table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color)}th{background:var(--bg-base);color:var(--brand-primary);font-weight:600;text-align:left;padding:1.25rem 1.5rem;border-bottom:2px solid var(--border-color);font-size:.95rem}td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}tr:hover{background-color:#1e3a3105}.row{display:flex;flex-wrap:wrap;margin:0 -.75rem 2rem;align-items:flex-end}.col{padding:0 .75rem;box-sizing:border-box}.s12{width:100%}@media only screen and (min-width:601px){.m1{width:8.333%}.m2{width:16.666%}.m3{width:25%}.m4{width:33.333%}.m5{width:41.666%}.m6{width:50%}.m7{width:58.333%}.m8{width:66.666%}.m9{width:75%}.m10{width:83.333%}.m11{width:91.666%}.m12{width:100%}.offset-m1{margin-left:8.333%}.offset-m2{margin-left:16.666%}.offset-m3{margin-left:25%}.offset-m4{margin-left:33.333%}}.center-align{text-align:center}.right-align{text-align:right}.hide{display:none!important}.card-content .card-title{display:block;line-height:1.5;margin-bottom:2rem;font-size:1.5rem;font-weight:600;color:var(--brand-primary)}h4{margin:0;font-size:inherit;font-weight:inherit}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand-primary) 60%,#2d5a4a 100%);padding:2rem}.login-card{background:#fff;border-radius:var(--radius-lg);padding:3.5rem 3rem;width:100%;max-width:440px;box-shadow:0 20px 60px #0000004d}.login-brand{text-align:center;margin-bottom:2.5rem}.login-brand i{font-size:3rem;color:var(--brand-accent);display:block;margin-bottom:.75rem}.login-brand h2{font-size:2rem;font-weight:700;color:var(--brand-primary);letter-spacing:.05em}.login-card .input-field{margin-bottom:1.5rem}.login-card .btn,.login-card .btn-large{width:100%;height:3.5rem!important;font-size:1rem;letter-spacing:.05em}
