*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:#f4f7f5;color:#1a2e22}a{color:#4a7c59;text-decoration:none}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.card-title{margin-bottom:16px;font-size:1.05rem}.btn{background:#4a7c59;color:#fff;border:none;border-radius:8px;padding:10px 20px;cursor:pointer;font-size:1rem}.btn:hover{background:#3d6649}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:#4a7c59;border:1px solid #4a7c59}.btn-outline:hover{background:#eef5ef}.btn-sm{padding:6px 14px;font-size:.9rem}input,select{padding:10px 12px;border:1px solid #c5d8c5;border-radius:8px;font-size:1rem}input[type=search]{width:100%}.error{color:#c45c5c}.muted{color:#5c6660}.public-layout{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#fff;border-bottom:1px solid #e8ede9;position:sticky;top:0;z-index:100}.header-inner{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;flex-wrap:nowrap;gap:12px}.header-spacer{flex:1}.logo{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{display:block;height:32px;width:auto}.sidebar-brand{display:flex;align-items:center;gap:8px;margin-bottom:24px}.sidebar-brand-label{font-size:.875rem;font-weight:600;color:var(--text-muted, #6b7c72)}.header-nav{display:flex;gap:20px;flex:1}.header-nav a{color:#5c6660}.header-nav a:hover{color:#4a7c59}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.public-main{flex:1;max-width:1040px;width:100%;margin:0 auto;padding:0 40px 48px}.user-main{padding-top:24px}.hero{padding:64px 0 48px}.hero h1{font-size:2.2rem;line-height:1.25;margin-bottom:16px}.hero p{color:#5c6660;font-size:1.1rem;line-height:1.6;max-width:640px}.hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.section{padding:48px 0}.section h2{margin-bottom:8px}.section-desc{color:#5c6660;margin-bottom:24px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.section-head h2{margin-bottom:8px}.section-head .section-desc{margin-bottom:0}.btn-sm{padding:8px 14px;font-size:.9rem}.download-grid,.kb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.download-card{position:relative;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f;color:inherit}.download-badge{position:absolute;top:12px;right:12px;background:#eef5ef;color:#4a7c59;font-size:.75rem;padding:4px 8px;border-radius:6px}.kb-card h3{margin-bottom:8px}.kb-link{display:inline-block;margin-top:12px;font-size:.9rem}.knowledge-page h1{margin-bottom:8px}.kb-search{width:100%;max-width:420px;margin-bottom:24px}.kb-list{display:flex;flex-direction:column;gap:16px}.back-link{display:inline-block;margin-top:32px;color:var(--accent)}.section-nav{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:50}.section-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--accent);background:transparent;padding:0;cursor:pointer;position:relative;transition:background .15s}.section-dot.active,.section-dot:hover{background:var(--accent)}.section-tooltip{position:absolute;right:18px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#4a7c59;color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;box-shadow:0 2px 10px #4a7c5959;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.section-dot:hover .section-tooltip{opacity:1;visibility:visible}.site-footer{text-align:center;padding:32px 0;color:#5c6660;font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal{width:100%;max-width:420px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#5c6660}.modal-subtitle{color:#5c6660;margin-bottom:16px}.user-menu{position:relative}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:180px;overflow:hidden;z-index:50}.user-dropdown a,.user-dropdown button{display:block;width:100%;text-align:left;padding:10px 16px;border:none;background:none;cursor:pointer;color:#1a2e22;font-size:.95rem}.user-dropdown a:hover,.user-dropdown button:hover{background:#f4f7f5}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a2e22;color:#d4e4d4;padding:24px 16px;display:flex;flex-direction:column}.sidebar h1{font-size:1.2rem;margin-bottom:24px}.sidebar nav a,.sidebar-link{display:block;color:#d4e4d4;padding:10px 12px;border-radius:8px;margin-bottom:4px}.sidebar nav a.router-link-active{background:#4a7c59;color:#fff}.main{flex:1;padding:24px 32px;overflow-x:auto}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8ede9}th{color:#5c6660;font-weight:600;font-size:.85rem}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:#4a7c59}th.sortable.active{color:#1a2e22}.sort-icon{margin-left:4px;font-size:.75rem}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8faf9}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-box{min-width:280px;flex:1;max-width:360px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid #e8ede9;flex-wrap:wrap}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-controls select{margin-left:6px}.back-link{font-size:.9rem}.cabinet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.info-list{display:grid;grid-template-columns:auto 1fr;gap:8px 16px}.info-list dt{color:#5c6660;font-size:.85rem}.info-list dd{font-weight:500}.universal-chart{padding:0;overflow:hidden;margin-bottom:20px}.uc-tabs{display:flex;gap:8px;padding:16px 16px 0;flex-wrap:wrap}.uc-tab{text-align:left;background:var(--surface-muted);border:2px solid transparent;border-radius:10px;padding:10px 16px;cursor:pointer;color:inherit}.uc-tab.active{border-color:var(--accent);background:var(--surface-accent)}.uc-tab-label{display:block;font-size:.8rem;color:var(--text-muted)}.uc-tab-value{display:block;font-size:1.1rem;font-weight:700;color:var(--accent);margin-top:2px}.uc-toolbar{display:flex;gap:16px;padding:12px 16px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.uc-toolbar label{font-size:.9rem;color:var(--text-muted)}.uc-toolbar select{margin-left:6px}.uc-toolbar-spacer{flex:1}.period-picker,.granularity-picker,.uc-settings{position:relative}.period-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit;font-size:.9rem;cursor:pointer}.period-btn:hover{border-color:var(--accent)}.chevron{font-size:.75rem;opacity:.7}.period-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:280px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:20;padding:6px 0}.period-item{display:flex;align-items:center;width:100%;gap:8px;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer;color:inherit;font-size:.9rem}.period-item:hover{background:var(--surface-muted)}.period-range{margin-left:auto;color:var(--text-muted);font-size:.85rem}.period-menu hr{border:none;border-top:1px solid var(--border);margin:4px 0}.period-custom .custom-dates{padding:8px 14px 12px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.period-custom label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--text-muted)}.period-custom input[type=date]{padding:6px 8px;font-size:.9rem}.check{color:var(--accent);margin-left:8px}.uc-settings-btn{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);cursor:pointer;font-size:1.1rem;line-height:1}.uc-settings-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:20;padding:8px 0}.uc-settings-title{padding:4px 14px 8px;font-size:.8rem;color:var(--text-muted);margin:0}.uc-settings-menu button{display:block;width:100%;padding:8px 14px;border:none;background:none;text-align:left;cursor:pointer;color:inherit;font-size:.9rem}.uc-settings-menu button:hover,.uc-settings-menu button.active{background:var(--surface-muted);color:var(--accent)}.uc-settings-menu hr{border:none;border-top:1px solid var(--border);margin:6px 0}.uc-settings-menu .uc-checkbox{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;cursor:pointer}.uc-summary{display:flex;gap:24px;padding:12px 16px 16px;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-muted)}.uc-chart-area{padding:16px 20px;min-height:280px}.uc-loading{display:flex;align-items:center;justify-content:center;min-height:240px;color:var(--text-muted)}.storage-card{margin-top:0}.storage-value{font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:8px}.btn-icon{padding:8px 12px;font-size:1.1rem;line-height:1}.btn-danger{background:#c45c5c}.btn-danger:hover{background:#a84848}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:.9rem}textarea{width:100%;padding:10px 12px;border:1px solid var(--border-input);border-radius:8px;font-size:1rem;margin-bottom:12px;font-family:inherit;resize:vertical;background:var(--surface);color:inherit}.kb-actions{white-space:nowrap}.kb-actions .btn{margin-right:4px}.kb-content{margin-top:8px;color:var(--text-muted);font-size:.95rem}.profile-actions{display:flex;gap:8px;margin-top:8px}.modal form input{width:100%;margin-bottom:12px}:root{--bg: #f4f7f5;--surface: #fff;--surface-muted: #f8faf9;--surface-accent: #eef5ef;--text: #1a2e22;--text-muted: #5c6660;--accent: #4a7c59;--border: #e8ede9;--border-input: #c5d8c5}[data-theme=dark]{--bg: #121a16;--surface: #1a2e22;--surface-muted: #243529;--surface-accent: #2a4032;--text: #e8ede9;--text-muted: #a8b5ad;--accent: #6b9b7a;--border: #2d4034;--border-input: #3d5244}body{background:var(--bg);color:var(--text)}.card{background:var(--surface)}input,select{background:var(--surface);color:var(--text);border-color:var(--border-input)}.site-header{background:var(--surface);border-bottom-color:var(--border)}.logo{color:var(--text)}.download-card{background:var(--surface);color:inherit}[data-theme=dark] .section-tooltip{background:#2a4032f2;color:#b8e0c4;border:1px solid rgba(107,155,122,.55);box-shadow:0 0 14px #6b9b7a38}.user-dropdown{background:var(--surface)}.user-dropdown a,.user-dropdown button{color:var(--text)}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--surface-muted)}th,td{border-bottom-color:var(--border)}.pagination{border-top-color:var(--border)}.modal,.uc-settings-menu{background:var(--surface)}@media(max-width:768px){.header-inner{flex-wrap:nowrap;padding:12px 16px}.public-main{padding:0 16px 32px}.section-nav{right:12px}.search-box{max-width:100%;width:100%}.main{padding:16px}}