.home-page{margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-image:linear-gradient(120deg,#f9fbfd,#e2effd);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.home-page footer{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;bottom:30px}.office-page{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background-image:linear-gradient(120deg,#f9fbfd,#e2effd);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header{height:50px;display:flex;justify-content:center;align-items:center}a{text-decoration:none}#logo{display:flex;justify-content:center;align-items:center;margin:10px;padding:10px;height:160px}.nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:700px;font-size:18px;font-weight:700;text-align:center}.buttomNav{margin:10px;padding:10px;border-radius:15%;cursor:pointer}.buttomNav img{width:100px;height:100px}.buttomNav:hover{background-color:#b4dcff;box-shadow:0 0 5px 5px #50509680}.other{height:200px}footer{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;bottom:30px}footer a,a:link,a:visited,a:active{color:#a9a9a9}footer a:hover{color:#696969}.archives-page{min-height:100vh;background:linear-gradient(135deg,#f5ebe0,#e8d9c4);padding:0}.page-header{display:flex;align-items:center;padding:8px 20px;background:#ffffff80}.container{max-width:1400px;width:100%;margin:10px auto;background:#fff;border-radius:15px;box-shadow:0 20px 60px #00000026}.header{background:linear-gradient(#d4b996d9,#c2a67fd9);color:#4a3b28;padding:18px 30px;text-align:center;flex-shrink:0}.header h1{font-size:1.8em;margin:0 0 5px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.header p{font-size:1em;opacity:.95;margin:0}.search-box{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:center;width:100%;max-width:800px;margin:10px auto;padding:5px 10px}.search-input{flex:1;min-width:0;max-width:280px;padding:9px 12px;font-size:13px;border:1px solid #ddd;border-radius:6px;outline:none;background-color:#f8f0e3;color:#4a3b28;transition:all .3s ease}.search-input:focus{border-color:#c2a67f;background-color:#fff;box-shadow:0 0 8px #d4b9964d}.reset-btn{padding:0 18px;height:37px;font-size:14px;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;font-weight:500;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;text-align:center;background:#f9e8c8;border:none;border-radius:6px;flex-shrink:0;cursor:pointer;color:#4a3b28;transition:all .2s ease}.reset-btn:hover{background:#f3d5a6}.table-container{padding:0 30px 20px;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:16px;table-layout:fixed}thead th{padding:18px 15px;text-align:left;font-weight:600;letter-spacing:.5px;position:sticky;top:0;z-index:10;background:#d4b996;box-shadow:0 2px 4px #0000001a;color:#4a3b28}thead th:first-child,tbody td:first-child{text-align:center;width:190px}thead th:nth-child(2),tbody td:nth-child(2){width:200px;white-space:nowrap;text-align:center}thead th:nth-child(3),tbody td:nth-child(3){width:calc(100% - 590px)}thead th:nth-child(4),tbody td:nth-child(4){width:200px;white-space:nowrap;text-align:left}tbody tr{transition:all .3s ease}tbody tr:nth-child(odd){background-color:#fff}tbody tr:nth-child(2n){background-color:#f8f0e3}tbody tr:hover{background-color:#e8d9c4!important;box-shadow:0 4px 12px #0000001a;font-weight:700}tbody td{padding:15px;border-bottom:1px solid #d4b996;overflow:hidden;text-overflow:ellipsis}.footer{text-align:center;padding:20px;color:#8b6e43;font-size:.95em;border-top:1px solid #d4b996;background-color:#f8f0e3;flex-shrink:0}.footer span{cursor:pointer;text-decoration:none;color:#8b6e43}.footer span:hover{color:#4a3b28}.empty-state{text-align:center;padding:50px 20px;color:#8b6e43;font-size:1.2em}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 30px;border-top:1px solid #d4b996;flex-shrink:0}.page-btn{padding:8px 16px;font-size:14px;font-weight:500;font-family:inherit;background:#f8f0e3;border:1.5px solid #d4b996;border-radius:6px;cursor:pointer;color:#4a3b28;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f3d5a6}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:14px;color:#8b6e43}.page-jump{display:flex;align-items:center;gap:6px;font-size:14px;color:#8b6e43}.jump-input{width:48px;padding:4px 8px;font-size:14px;font-family:inherit;text-align:center;color:#4a3b28;background:#fff;border:1.5px solid #d4b996;border-radius:4px;outline:none}.jump-input:focus{border-color:#c2a67f}@media(max-width:768px){.header h1{font-size:1.4em}.search-box{flex-wrap:nowrap;padding:5px 8px;gap:5px;margin:6px auto}.search-input{flex:1 1 0;min-width:0;max-width:none;font-size:12px;padding:7px 8px}.reset-btn{padding:0 12px;height:33px;font-size:13px;flex-shrink:0}.table-container{padding:0 6px 10px}table{font-size:13px;table-layout:auto!important;width:100%;min-width:0}th:nth-child(4),td:nth-child(4){display:none!important}th:nth-child(1),td:nth-child(1){width:50px!important;min-width:50px!important;max-width:50px!important;padding:10px 4px!important;font-size:12px;text-align:center}th:nth-child(2),td:nth-child(2){width:90px!important;min-width:90px!important;max-width:90px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 6px!important;font-size:12px}th:nth-child(3),td:nth-child(3){width:auto!important;min-width:0!important;white-space:normal!important;word-break:break-all;overflow:visible;text-overflow:clip;padding:10px 6px!important;font-size:13px;line-height:1.5}thead th{padding:12px 6px!important;font-size:12px}}.login-layout{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif}.brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:60px 80px;background:linear-gradient(160deg,#0a2a5e,#0d3a7a,#0f4c8f);color:#fff;overflow:hidden}.brand-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgba(255 255 255 / .03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.brand-panel>*{position:relative;z-index:1}.brand-header{display:flex;align-items:center;gap:12px}.brand-logo{width:40px;height:40px;background:#ffffff1f;border-radius:10px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255 255 255 / .1)}.brand-logo svg{width:22px;height:22px;color:#fff}.brand-name{font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-hero{max-width:480px;margin-top:60px}.brand-hero h1{font-size:36px;font-weight:700;line-height:1.3;letter-spacing:-.02em;margin-bottom:16px}.brand-hero h1 span{display:block;font-size:18px;font-weight:400;opacity:.7;letter-spacing:0;margin-top:8px}.brand-features{display:flex;flex-direction:column;gap:24px;max-width:400px;margin-top:40px}.brand-feature{display:flex;align-items:flex-start;gap:14px;opacity:0;animation:featureFadeIn .5s ease forwards}.brand-feature:nth-child(1){animation-delay:.2s}.brand-feature:nth-child(2){animation-delay:.35s}.brand-feature:nth-child(3){animation-delay:.5s}@keyframes featureFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feature-icon{flex-shrink:0;width:40px;height:40px;border-radius:8px;background:#ffffff14;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:20px;height:20px;color:#fff;opacity:.85}.feature-text{font-size:14px;line-height:1.6;opacity:.8}.feature-text strong{font-weight:600;opacity:1;display:block;font-size:15px;margin-bottom:3px}.brand-footer{font-size:12px;opacity:.4}.form-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;background:#fff}.form-container{width:100%;max-width:420px}.form-header{margin-bottom:40px}.form-header h2{font-size:28px;font-weight:700;color:#1a1a1a;letter-spacing:-.02em;margin-bottom:8px}.form-header p{color:#999;font-size:15px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-input{width:100%;padding:14px 18px;font-size:15px;font-family:inherit;color:#1a1a1a;background:#fff;border:1.5px solid #e0e0e0;border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease;outline:none;height:52px;box-sizing:border-box}.form-input::placeholder{color:#bbb}.form-input:hover{border-color:silver}.form-input:focus{border-color:#0d3a7a;box-shadow:0 0 0 3px #0d3a7a1a}.password-wrapper{position:relative}.field-error{display:flex;align-items:center;gap:6px;font-size:13px;color:#e53935;margin-bottom:20px;padding:8px 12px;background:#fef2f2;border-radius:8px}.submit-btn{width:100%;padding:14px 24px;font-size:16px;font-weight:600;font-family:inherit;color:#fff;background:#0d3a7a;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;height:52px;margin-top:8px}.submit-btn:hover:not(:disabled){background:#0a2a5e;transform:translateY(-1px);box-shadow:0 4px 12px #0d3a7a4d}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.submit-btn .spinner{display:none;width:20px;height:20px;border:2px solid rgba(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}.submit-btn.loading .btn-text{display:none}.submit-btn.loading .spinner{display:inline-block}@media(max-width:960px){.login-layout{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{padding:40px 24px}}@media(max-width:480px){.form-panel{padding:32px 20px}.form-header h2{font-size:24px}}.dashboard-layout{display:flex;height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--duration-normal) ease;overflow:hidden;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border);min-height:var(--header-height)}.sidebar-logo{width:36px;height:36px;flex-shrink:0;background:linear-gradient(165deg,var(--blue-700),var(--blue-500));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.sidebar-logo svg{width:20px;height:20px;color:#fff}.sidebar-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:var(--color-text)}.sidebar-nav{flex:1;padding:var(--space-3);overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);transition:all var(--duration-fast) ease;margin-bottom:var(--space-1);cursor:pointer;border:none;background:none;width:100%;font-family:var(--font-sans);font-size:var(--text-sm);text-align:left}.sidebar-link:hover{background:var(--gray-100);color:var(--color-text)}.sidebar-link.active{background:var(--blue-50);color:var(--color-primary)}.sidebar-icon{width:22px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-icon svg{width:20px;height:20px}.sidebar-label{white-space:nowrap;font-weight:500}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-collapse-btn:hover{background:var(--gray-100)!important;color:var(--color-text)!important}.logout-btn:hover{background:#c5363714!important;color:var(--color-error)!important}.sidebar.collapsed .sidebar-collapse-btn{justify-content:center;padding:var(--space-2) var(--space-2)}.main-content{flex:1;padding:var(--space-8);background:var(--color-bg);overflow-y:auto;min-width:0}.main-content>.page-content.page-fill{display:flex;flex-direction:column}.main-content>.page-content.page-fill>.card{display:flex;flex-direction:column}.main-content>.page-content.page-fill>.card>.table-wrap{overflow-y:visible;flex:none}.main-content>.page-content.page-fill>.card>.pagination{flex-shrink:0}@media(max-width:768px){.sidebar{position:fixed;z-index:100;transform:translate(0)}.sidebar.collapsed{transform:translate(-100%)}.main-content{padding:var(--space-4)}}:root{--blue-50: oklch(97% .01 250);--blue-100: oklch(93% .03 250);--blue-200: oklch(84% .07 250);--blue-400: oklch(55% .14 250);--blue-500: oklch(45% .16 250);--blue-600: oklch(38% .15 250);--blue-700: oklch(30% .12 250);--gray-50: oklch(97% .005 250);--gray-100: oklch(94% .005 250);--gray-200: oklch(89% .005 250);--gray-300: oklch(82% .008 250);--gray-400: oklch(70% .01 250);--gray-500: oklch(55% .01 250);--gray-600: oklch(43% .01 250);--gray-700: oklch(33% .01 250);--gray-800: oklch(23% .01 250);--gray-900: oklch(16% .01 250);--green-500: oklch(55% .15 160);--red-500: oklch(55% .18 25);--color-bg: var(--gray-50);--color-surface: oklch(100% 0 0);--color-text: var(--gray-900);--color-text-secondary: var(--gray-500);--color-text-tertiary: var(--gray-400);--color-border: var(--gray-200);--color-border-focus: var(--blue-500);--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-primary-light: var(--blue-50);--color-error: var(--red-500);--color-success: var(--green-500);--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px oklch(0% 0 0 / .06), 0 1px 2px oklch(0% 0 0 / .04);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .06), 0 2px 4px -2px oklch(0% 0 0 / .04);--duration-fast: .15s;--duration-normal: .25s;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 64px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg)}#root{min-height:100vh}.page-header{margin-bottom:var(--space-4);padding:var(--space-2) 0;background:transparent}.page-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-1);color:var(--color-text);line-height:1.3}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.page-header-row{display:flex;align-items:center;gap:var(--space-4);min-height:44px}.page-header-row>div:first-child{text-align:center;flex:1}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);width:90%;max-width:560px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-md)}.modal-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.form-textarea{resize:vertical;min-height:80px;font-family:var(--font-mono);font-size:var(--text-xs)}@keyframes spin{to{transform:rotate(360deg)}}