.layout{display:flex;min-height:100vh;position:relative}.sidebar{width:260px;background:linear-gradient(180deg,#2c3e50,#1a252f);color:#fff;display:flex;flex-direction:column;transition:transform .3s ease;z-index:1000;box-shadow:2px 0 10px #0000001a}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);box-shadow:2px 0 10px #0000004d}.sidebar.open{transform:translate(0)}}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.sidebar-header h2{margin:0;font-size:26px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-list{list-style:none;flex:1;padding:20px 0}.nav-list li{margin:0}.nav-list a{display:flex;align-items:center;padding:14px 20px;color:#ecf0f1;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;font-weight:500;position:relative}.nav-list a:hover{background:#ffffff1a;border-left-color:#667eea;padding-left:24px}.nav-list a.active{background:linear-gradient(90deg,#667eea33,#764ba21a);border-left-color:#667eea;color:#fff;font-weight:600}.sidebar-footer{padding:20px;border-top:1px solid #34495e;display:flex;flex-direction:column;gap:10px}.logout-btn{width:100%;padding:12px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #e74c3c4d}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c66}.main-content{flex:1;padding:32px;background:transparent;transition:background-color .3s,color .3s,opacity .2s ease-in-out;width:100%;overflow-x:auto;min-height:100vh;animation:fadeIn .2s ease-in-out}@media(max-width:768px){.main-content{padding:15px;width:100%;min-width:0}}@media(max-width:480px){.main-content{padding:10px}}.theme-toggle-btn{width:100%;padding:12px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle-btn:hover{background:#fff3;transform:scale(1.05)}.dark-theme .main-content{background:transparent;color:#e0e0e0}.dark-theme .sidebar{background-color:#1e1e1e}.dark-theme .sidebar-header{border-bottom-color:#333}.dark-theme .nav-list a{color:#d0d0d0}.dark-theme .nav-list a:hover{background-color:#2a2a2a}.dark-theme .nav-list a.active{background-color:#3498db}.dark-theme .sidebar-footer{border-top-color:#333}.legal-links{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;margin-top:5px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.legal-link{color:#95a5a6;text-decoration:none;transition:color .2s}.legal-link:hover{color:#ecf0f1;text-decoration:underline}.legal-separator{color:#7f8c8d}.dark-theme .legal-links{border-top-color:#ffffff0d}.dark-theme .legal-link{color:#95a5a6}.dark-theme .legal-link:hover{color:#ecf0f1}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1001;background-color:#2c3e50;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:20px;box-shadow:0 2px 5px #0000004d}@media(max-width:768px){.mobile-menu-toggle{display:block}}.sidebar-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}@media(max-width:768px){.sidebar-overlay.open{display:block}}:root{--app-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--surface: #ffffff;--surface-muted: #f5f5f5;--surface-soft: #f8f9fa;--surface-accent: #f8f9ff;--surface-inset: #fafafa;--surface-elevated: #ffffff;--border: #e0e0e0;--border-subtle: #eeeeee;--border-strong: #dddddd;--text: #212529;--text-secondary: #666666;--text-muted: #777777;--text-label: #555555;--text-heading: #212529;--input-bg: #ffffff;--input-border: #dddddd;--shadow: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--accent: #667eea;--accent-secondary: #764ba2;--notice-info-bg: #e8f4fc;--notice-info-border: #b8d8f0;--notice-info-text: #1a5276;--notice-warn-bg: #fff8e6;--notice-warn-border: #f0d78c;--notice-warn-text: #7d6608;--notice-error-bg: #fee;--notice-error-border: #fcc;--notice-error-text: #c33;--badge-info-bg: #e3f2fd;--badge-info-text: #1976d2;--overlay-bg: rgba(245, 245, 245, .95);--placeholder-bg: #1a1a1a;--placeholder-text: #999999}.dark-theme{--app-bg: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--surface: #2a2a2a;--surface-muted: #252525;--surface-soft: #2a2a2a;--surface-accent: #1f2233;--surface-inset: #232323;--surface-elevated: #2e2e2e;--border: #444444;--border-subtle: #3a3a3a;--border-strong: #555555;--text: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #999999;--text-label: #d0d0d0;--text-heading: #e0e0e0;--input-bg: #1e1e1e;--input-border: #444444;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .45);--notice-info-bg: #1a2a3a;--notice-info-border: #2a4a6a;--notice-info-text: #8ecae6;--notice-warn-bg: #3a3018;--notice-warn-border: #6a5820;--notice-warn-text: #f0d78c;--notice-error-bg: #3a2020;--notice-error-border: #6a3030;--notice-error-text: #ff8a8a;--badge-info-bg: #1a3050;--badge-info-text: #90caf9;--overlay-bg: rgba(30, 30, 30, .92);--placeholder-bg: #121212;--placeholder-text: #888888}.dark-theme input:not([type=checkbox]):not([type=radio]):not([type=range]),.dark-theme select,.dark-theme textarea{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text)}.dark-theme input::placeholder,.dark-theme textarea::placeholder{color:var(--text-muted)}.dark-theme select option{background:var(--input-bg);color:var(--text)}.dark-theme small,.dark-theme .subtitle,.dark-theme .hint,.dark-theme .upload-form-note{color:var(--text-secondary)}.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4{color:var(--text-heading)}.dark-theme label{color:var(--text-label)}.notice-warning,.notice-info{padding:15px;border-radius:5px;margin-bottom:15px}.notice-warning{background:var(--notice-warn-bg);border:1px solid var(--notice-warn-border);color:var(--notice-warn-text)}.notice-info{background:var(--notice-info-bg);border:1px solid var(--notice-info-border);color:var(--notice-info-text)}.notice-warning p,.notice-info p{margin:10px 0 0;color:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--app-bg);background-attachment:fixed;transition:background-color .3s,color .3s;color:var(--text);line-height:1.6}.dark-theme{color:var(--text)}.dark-theme p{color:var(--text-secondary)}.dark-theme a{color:#667eea}.dark-theme a:hover{color:#764ba2}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(max-width:768px){body{font-size:14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}}@media(max-width:480px){body{font-size:13px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}}html,body{overflow-x:hidden;max-width:100%}*{max-width:100%}#root{min-height:100vh;position:relative}.layout{will-change:contents}.main-content>*{animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}@media(min-width:769px){table{display:table;overflow-x:visible;white-space:normal}}