:root{--hp-primary: #2C3E50;--hp-primary-dark: #1A252F;--hp-primary-light: #3D566E;--hp-accent: #3498DB;--hp-accent-dark: #2980B9;--hp-accent-light: #5DADE2;--hp-accent-subtle: #E8F4FD;--hp-success: #27AE60;--hp-success-dark: #219A52;--hp-warning: #F39C12;--hp-danger: #E74C3C;--hp-danger-dark: #C0392B;--hp-white: #FFFFFF;--hp-bg: #F8F9F9;--hp-bg-alt: #F0F2F4;--hp-border: #ECF0F1;--hp-border-dark: #D5D8DC;--hp-text: #2C3E50;--hp-text-muted: #7F8C8D;--hp-text-inverse: #FFFFFF;--hp-shadow: rgba(44, 62, 80, .08);--hp-shadow-lg: rgba(44, 62, 80, .12);--hp-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--hp-font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Consolas", monospace;--hp-font-size-xs: .75rem;--hp-font-size-sm: .8125rem;--hp-font-size-base: .9375rem;--hp-font-size-lg: 1.125rem;--hp-font-size-xl: 1.5rem;--hp-font-size-2xl: 2rem;--hp-font-size-3xl: 2.5rem;--hp-line-height: 1.6;--hp-line-height-tight: 1.25;--hp-space-1: 4px;--hp-space-2: 8px;--hp-space-3: 12px;--hp-space-4: 16px;--hp-space-5: 20px;--hp-space-6: 24px;--hp-space-8: 32px;--hp-space-10: 40px;--hp-space-12: 48px;--hp-space-16: 64px;--hp-radius-sm: 4px;--hp-radius-md: 8px;--hp-radius-lg: 12px;--hp-radius-xl: 16px;--hp-radius-full: 9999px;--hp-border-width: 1px;--hp-border-width-lg: 2px;--hp-shadow-xs: 0 1px 2px var(--hp-shadow);--hp-shadow-sm: 0 1px 3px var(--hp-shadow), 0 1px 2px var(--hp-shadow);--hp-shadow-md: 0 4px 6px var(--hp-shadow), 0 2px 4px var(--hp-shadow);--hp-shadow-lg: 0 10px 25px var(--hp-shadow-lg), 0 4px 10px var(--hp-shadow);--hp-shadow-xl: 0 20px 50px var(--hp-shadow-lg), 0 8px 20px var(--hp-shadow);--hp-transition-fast: .15s ease;--hp-transition-base: .2s ease;--hp-transition-slow: .3s ease;--hp-sidebar-width: 260px;--hp-header-height: 64px;--hp-content-max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--hp-font-sans);font-size:var(--hp-font-size-base);line-height:var(--hp-line-height);color:var(--hp-text);background:var(--hp-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--hp-accent);text-decoration:none;transition:color var(--hp-transition-fast)}a:hover{color:var(--hp-accent-dark);text-decoration:underline}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--hp-accent);outline-offset:2px;border-radius:var(--hp-radius-sm)}.hp-h1{font-size:var(--hp-font-size-3xl);font-weight:800;line-height:var(--hp-line-height-tight);letter-spacing:-.02em;color:var(--hp-primary)}.hp-h2{font-size:var(--hp-font-size-2xl);font-weight:700;line-height:var(--hp-line-height-tight);letter-spacing:-.01em;color:var(--hp-primary)}.hp-h3{font-size:var(--hp-font-size-xl);font-weight:700;line-height:var(--hp-line-height-tight);color:var(--hp-primary)}.hp-h4{font-size:var(--hp-font-size-lg);font-weight:600;line-height:var(--hp-line-height-tight);color:var(--hp-primary)}.hp-body{font-size:var(--hp-font-size-base);line-height:var(--hp-line-height);color:var(--hp-text)}.hp-body-sm{font-size:var(--hp-font-size-sm);line-height:var(--hp-line-height);color:var(--hp-text-muted)}.hp-body-xs{font-size:var(--hp-font-size-xs);line-height:var(--hp-line-height);color:var(--hp-text-muted)}.hp-mono{font-family:var(--hp-font-mono);font-size:var(--hp-font-size-sm)}.hp-text-center{text-align:center}.hp-text-right{text-align:right}.hp-text-muted{color:var(--hp-text-muted)}.hp-text-accent{color:var(--hp-accent)}.hp-text-success{color:var(--hp-success)}.hp-text-danger{color:var(--hp-danger)}.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--hp-space-2);font-family:var(--hp-font-sans);font-size:var(--hp-font-size-sm);font-weight:600;line-height:1;padding:var(--hp-space-3) var(--hp-space-5);border-radius:var(--hp-radius-md);border:var(--hp-border-width) solid transparent;cursor:pointer;transition:all var(--hp-transition-base);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.hp-btn:hover{text-decoration:none}.hp-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.hp-btn-primary{background:var(--hp-accent);color:var(--hp-white);border-color:var(--hp-accent)}.hp-btn-primary:hover{background:var(--hp-accent-dark);border-color:var(--hp-accent-dark);color:var(--hp-white);transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.hp-btn-secondary{background:var(--hp-bg);color:var(--hp-text);border-color:var(--hp-border)}.hp-btn-secondary:hover{background:var(--hp-border);color:var(--hp-primary);border-color:var(--hp-border-dark)}.hp-btn-outline{background:transparent;color:var(--hp-accent);border-color:var(--hp-accent)}.hp-btn-outline:hover{background:var(--hp-accent);color:var(--hp-white)}.hp-btn-ghost{background:transparent;color:var(--hp-text-muted);border-color:transparent}.hp-btn-ghost:hover{background:var(--hp-bg);color:var(--hp-text)}.hp-btn-danger{background:var(--hp-danger);color:var(--hp-white);border-color:var(--hp-danger)}.hp-btn-danger:hover{background:var(--hp-danger-dark);border-color:var(--hp-danger-dark);color:var(--hp-white)}.hp-btn-sm{font-size:var(--hp-font-size-xs);padding:var(--hp-space-2) var(--hp-space-3);border-radius:var(--hp-radius-sm)}.hp-btn-lg{font-size:var(--hp-font-size-base);padding:var(--hp-space-4) var(--hp-space-6);border-radius:var(--hp-radius-md)}.hp-btn-xl{font-size:var(--hp-font-size-lg);padding:var(--hp-space-5) var(--hp-space-8);border-radius:var(--hp-radius-lg)}.hp-btn-icon{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--hp-radius-md);font-size:var(--hp-font-size-lg)}.hp-btn-icon.hp-btn-sm{width:32px;height:32px;font-size:var(--hp-font-size-base)}.hp-btn-icon.hp-btn-lg{width:48px;height:48px;font-size:var(--hp-font-size-xl)}.hp-btn-block{width:100%}.hp-btn .hp-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hp-spin .6s linear infinite}.hp-field{display:flex;flex-direction:column;gap:var(--hp-space-1);margin-bottom:var(--hp-space-4)}.hp-label{font-size:var(--hp-font-size-sm);font-weight:600;color:var(--hp-text)}.hp-label-required:after{content:" *";color:var(--hp-danger)}.hp-hint{font-size:var(--hp-font-size-xs);color:var(--hp-text-muted);margin-top:2px}.hp-input,.hp-select,.hp-textarea{font-family:var(--hp-font-sans);font-size:var(--hp-font-size-base);color:var(--hp-text);padding:var(--hp-space-3) var(--hp-space-4);border:var(--hp-border-width) solid var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-white);transition:border-color var(--hp-transition-fast),box-shadow var(--hp-transition-fast);width:100%;line-height:1.5}.hp-input::placeholder,.hp-textarea::placeholder{color:var(--hp-text-muted);opacity:.7}.hp-input:hover,.hp-select:hover,.hp-textarea:hover{border-color:var(--hp-border-dark)}.hp-input:focus,.hp-select:focus,.hp-textarea:focus{border-color:var(--hp-accent);box-shadow:0 0 0 3px var(--hp-accent-subtle);outline:none}.hp-input:disabled,.hp-select:disabled,.hp-textarea:disabled{background:var(--hp-bg);color:var(--hp-text-muted);cursor:not-allowed}.hp-input--error{border-color:var(--hp-danger)}.hp-input--error:focus{box-shadow:0 0 0 3px #e74c3c26;border-color:var(--hp-danger)}.hp-error-text{font-size:var(--hp-font-size-xs);color:var(--hp-danger);margin-top:2px}.hp-textarea{min-height:100px;resize:vertical}.hp-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237F8C8D' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.hp-file-input{position:relative}.hp-file-input input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0}.hp-file-input-label{display:flex;align-items:center;gap:var(--hp-space-3);padding:var(--hp-space-6) var(--hp-space-4);border:2px dashed var(--hp-border);border-radius:var(--hp-radius-md);background:var(--hp-bg);cursor:pointer;transition:all var(--hp-transition-base);text-align:center;justify-content:center}.hp-file-input-label:hover{border-color:var(--hp-accent);background:var(--hp-accent-subtle)}.hp-file-input-label.has-file{border-style:solid;border-color:var(--hp-success);background:#27ae600d}.hp-toggle{display:inline-flex;align-items:center;gap:var(--hp-space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.hp-toggle-track{width:44px;height:24px;border-radius:var(--hp-radius-full);background:var(--hp-border-dark);position:relative;transition:background var(--hp-transition-base);flex-shrink:0}.hp-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--hp-white);box-shadow:0 1px 3px #0003;transition:transform var(--hp-transition-base)}.hp-toggle input{position:absolute;opacity:0;width:0;height:0}.hp-toggle input:checked+.hp-toggle-track{background:var(--hp-accent)}.hp-toggle input:checked+.hp-toggle-track:after{transform:translate(20px)}.hp-search{position:relative}.hp-search .hp-input{padding-left:40px}.hp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--hp-text-muted);font-size:var(--hp-font-size-base);pointer-events:none}.hp-card{background:var(--hp-white);border:var(--hp-border-width) solid var(--hp-border);border-radius:var(--hp-radius-lg);padding:var(--hp-space-6);transition:box-shadow var(--hp-transition-base),transform var(--hp-transition-base)}.hp-card--interactive:hover{box-shadow:var(--hp-shadow-md);transform:translateY(-2px);cursor:pointer}.hp-card--selected{border-color:var(--hp-accent);box-shadow:0 0 0 2px var(--hp-accent-subtle)}.hp-card--flat{border:none;background:var(--hp-bg)}.hp-card--bordered-accent{border-color:var(--hp-accent);border-width:var(--hp-border-width-lg)}.hp-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--hp-space-4);margin-bottom:var(--hp-space-4);padding-bottom:var(--hp-space-4);border-bottom:var(--hp-border-width) solid var(--hp-border)}.hp-card-header:last-child{margin-bottom:0;border-bottom:none}.hp-card-footer{margin-top:var(--hp-space-4);padding-top:var(--hp-space-4);border-top:var(--hp-border-width) solid var(--hp-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--hp-space-3)}.hp-trade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--hp-space-4)}.hp-trade-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hp-space-2);padding:var(--hp-space-6) var(--hp-space-4);background:var(--hp-white);border:2px solid var(--hp-border);border-radius:var(--hp-radius-lg);cursor:pointer;transition:all var(--hp-transition-base);text-align:center;min-height:120px;-webkit-user-select:none;user-select:none}.hp-trade-tile:hover{border-color:var(--hp-accent-light);background:var(--hp-accent-subtle);transform:translateY(-2px)}.hp-trade-tile--selected{border-color:var(--hp-accent);background:var(--hp-accent-subtle);box-shadow:0 0 0 2px var(--hp-accent-subtle)}.hp-trade-tile-icon{font-size:2rem;line-height:1}.hp-trade-tile-label{font-size:var(--hp-font-size-sm);font-weight:600;color:var(--hp-text)}.hp-trade-tile--selected .hp-trade-tile-label{color:var(--hp-accent)}.hp-sidebar{width:var(--hp-sidebar-width);height:100vh;background:var(--hp-primary);color:var(--hp-white);position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.hp-sidebar-header{padding:var(--hp-space-6);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:var(--hp-space-3)}.hp-sidebar-logo{font-size:var(--hp-font-size-xl);font-weight:800;letter-spacing:-.5px;color:var(--hp-white)}.hp-sidebar-logo span{color:var(--hp-accent)}.hp-sidebar-nav{flex:1;padding:var(--hp-space-4);display:flex;flex-direction:column;gap:2px}.hp-sidebar-link{display:flex;align-items:center;gap:var(--hp-space-3);padding:var(--hp-space-3) var(--hp-space-4);border-radius:var(--hp-radius-md);color:#ffffffa6;font-size:var(--hp-font-size-sm);font-weight:500;text-decoration:none;transition:all var(--hp-transition-fast)}.hp-sidebar-link:hover{background:#ffffff14;color:var(--hp-white);text-decoration:none}.hp-sidebar-link--active{background:#3498db26;color:var(--hp-accent-light);font-weight:600}.hp-sidebar-link-icon{font-size:1.2rem;width:24px;text-align:center;flex-shrink:0}.hp-sidebar-link-badge{margin-left:auto;background:var(--hp-accent);color:var(--hp-white);font-size:var(--hp-font-size-xs);padding:2px 8px;border-radius:var(--hp-radius-full);font-weight:600}.hp-sidebar-section-label{font-size:var(--hp-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;padding:var(--hp-space-4) var(--hp-space-4) var(--hp-space-2)}.hp-sidebar-footer{padding:var(--hp-space-4);border-top:1px solid rgba(255,255,255,.08)}.hp-topbar{height:var(--hp-header-height);background:var(--hp-white);border-bottom:var(--hp-border-width) solid var(--hp-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--hp-space-6);position:sticky;top:0;z-index:50}.hp-topbar-left{display:flex;align-items:center;gap:var(--hp-space-4)}.hp-topbar-right{display:flex;align-items:center;gap:var(--hp-space-3)}.hp-topbar-title{font-size:var(--hp-font-size-lg);font-weight:700;color:var(--hp-primary)}.hp-topbar-breadcrumb{display:flex;align-items:center;gap:var(--hp-space-2);font-size:var(--hp-font-size-sm);color:var(--hp-text-muted)}.hp-topbar-breadcrumb a{color:var(--hp-text-muted)}.hp-topbar-breadcrumb a:hover{color:var(--hp-accent)}.hp-topbar-separator{color:var(--hp-border-dark)}.hp-layout{display:flex;min-height:100vh}.hp-layout-content{margin-left:var(--hp-sidebar-width);flex:1;display:flex;flex-direction:column}.hp-layout-main{flex:1;padding:var(--hp-space-8);max-width:var(--hp-content-max-width);width:100%}.hp-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--hp-font-size-xs);font-weight:600;padding:2px 10px;border-radius:var(--hp-radius-full);white-space:nowrap;line-height:1.5}.hp-badge--accent{background:var(--hp-accent-subtle);color:var(--hp-accent)}.hp-badge--success{background:#27ae601a;color:var(--hp-success)}.hp-badge--warning{background:#f39c121a;color:var(--hp-warning)}.hp-badge--danger{background:#e74c3c1a;color:var(--hp-danger)}.hp-badge--neutral{background:var(--hp-bg-alt);color:var(--hp-text-muted)}.hp-badge--primary{background:#2c3e501a;color:var(--hp-primary)}.hp-file-badge{display:inline-block;background:var(--hp-accent-subtle);color:var(--hp-accent);padding:2px 10px;border-radius:var(--hp-radius-full);font-size:var(--hp-font-size-xs);font-weight:600}.hp-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--hp-font-size-base);color:var(--hp-white);background:var(--hp-accent);flex-shrink:0;overflow:hidden}.hp-avatar img{width:100%;height:100%;object-fit:cover}.hp-avatar--sm{width:32px;height:32px;font-size:var(--hp-font-size-sm)}.hp-avatar--lg{width:48px;height:48px;font-size:var(--hp-font-size-lg)}.hp-avatar--primary{background:var(--hp-primary)}.hp-avatar--success{background:var(--hp-success)}.hp-user-badge{display:flex;align-items:center;gap:var(--hp-space-3);padding:var(--hp-space-2) var(--hp-space-3);border-radius:var(--hp-radius-md);cursor:pointer;transition:background var(--hp-transition-fast)}.hp-user-badge:hover{background:var(--hp-bg)}.hp-table-container{overflow-x:auto;border:var(--hp-border-width) solid var(--hp-border);border-radius:var(--hp-radius-lg)}.hp-table{width:100%;border-collapse:collapse;font-size:var(--hp-font-size-sm)}.hp-table th{text-align:left;font-weight:600;font-size:var(--hp-font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--hp-text-muted);padding:var(--hp-space-3) var(--hp-space-4);background:var(--hp-bg);border-bottom:var(--hp-border-width) solid var(--hp-border);white-space:nowrap}.hp-table td{padding:var(--hp-space-3) var(--hp-space-4);border-bottom:var(--hp-border-width) solid var(--hp-border);color:var(--hp-text);vertical-align:middle}.hp-table tr:last-child td{border-bottom:none}.hp-table tr:hover td{background:var(--hp-bg)}.hp-table td.hp-table-actions{text-align:right;white-space:nowrap}.hp-table td.hp-table-actions .hp-btn{margin-left:var(--hp-space-2)}.hp-table-empty{text-align:center;padding:var(--hp-space-12) var(--hp-space-6);color:var(--hp-text-muted)}.hp-table-empty-icon{font-size:3rem;margin-bottom:var(--hp-space-4);opacity:.5}.hp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--hp-space-6);animation:hp-fade-in .15s ease}.hp-modal{background:var(--hp-white);border-radius:var(--hp-radius-xl);box-shadow:var(--hp-shadow-xl);width:100%;max-width:560px;max-height:85vh;overflow-y:auto;animation:hp-slide-up .2s ease}.hp-modal--sm{max-width:400px}.hp-modal--lg{max-width:720px}.hp-modal--xl{max-width:960px}.hp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--hp-space-6);border-bottom:var(--hp-border-width) solid var(--hp-border);gap:var(--hp-space-4)}.hp-modal-title{font-size:var(--hp-font-size-lg);font-weight:700;color:var(--hp-primary)}.hp-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:var(--hp-bg);border-radius:var(--hp-radius-md);cursor:pointer;font-size:var(--hp-font-size-lg);color:var(--hp-text-muted);transition:all var(--hp-transition-fast);flex-shrink:0}.hp-modal-close:hover{background:var(--hp-border);color:var(--hp-text)}.hp-modal-body{padding:var(--hp-space-6)}.hp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--hp-space-3);padding:var(--hp-space-4) var(--hp-space-6);border-top:var(--hp-border-width) solid var(--hp-border)}.hp-doc-item{display:flex;align-items:center;gap:var(--hp-space-4);padding:var(--hp-space-4);background:var(--hp-white);border:var(--hp-border-width) solid var(--hp-border);border-radius:var(--hp-radius-md);transition:all var(--hp-transition-fast);margin-bottom:var(--hp-space-3)}.hp-doc-item:hover{border-color:var(--hp-accent-light);box-shadow:var(--hp-shadow-sm)}.hp-doc-item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--hp-accent-subtle);border-radius:var(--hp-radius-md);font-size:1.3rem;flex-shrink:0}.hp-doc-item-info{flex:1;min-width:0}.hp-doc-item-title{font-size:var(--hp-font-size-sm);font-weight:600;color:var(--hp-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-doc-item-meta{display:flex;align-items:center;gap:var(--hp-space-3);margin-top:2px}.hp-doc-item-date{font-size:var(--hp-font-size-xs);color:var(--hp-text-muted)}.hp-doc-item-actions{display:flex;align-items:center;gap:var(--hp-space-2);flex-shrink:0}@keyframes hp-spin{to{transform:rotate(360deg)}}@keyframes hp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hp-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hp-spinner{width:24px;height:24px;border:3px solid var(--hp-border);border-top-color:var(--hp-accent);border-radius:50%;animation:hp-spin .6s linear infinite}.hp-spinner--sm{width:16px;height:16px;border-width:2px}.hp-spinner--lg{width:40px;height:40px;border-width:4px}.hp-skeleton{background:linear-gradient(90deg,var(--hp-bg) 25%,var(--hp-border) 50%,var(--hp-bg) 75%);background-size:200% 100%;animation:hp-shimmer 1.5s ease-in-out infinite;border-radius:var(--hp-radius-sm)}.hp-skeleton-text{height:14px;margin-bottom:8px;width:100%}.hp-skeleton-text:last-child{width:60%}.hp-skeleton-heading{height:24px;width:40%;margin-bottom:var(--hp-space-4)}.hp-skeleton-avatar{width:40px;height:40px;border-radius:50%}.hp-skeleton-card{height:120px;border-radius:var(--hp-radius-lg)}.hp-d-none{display:none}.hp-d-flex{display:flex}.hp-d-grid{display:grid}.hp-d-inline-flex{display:inline-flex}.hp-d-block{display:block}.hp-flex-1{flex:1}.hp-flex-center{display:flex;align-items:center;justify-content:center}.hp-flex-between{display:flex;align-items:center;justify-content:space-between}.hp-flex-column{display:flex;flex-direction:column}.hp-flex-wrap{flex-wrap:wrap}.hp-gap-1{gap:var(--hp-space-1)}.hp-gap-2{gap:var(--hp-space-2)}.hp-gap-3{gap:var(--hp-space-3)}.hp-gap-4{gap:var(--hp-space-4)}.hp-gap-6{gap:var(--hp-space-6)}.hp-gap-8{gap:var(--hp-space-8)}.hp-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--hp-space-4)}.hp-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--hp-space-4)}.hp-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--hp-space-4)}.hp-m-0{margin:0}.hp-mt-2{margin-top:var(--hp-space-2)}.hp-mt-4{margin-top:var(--hp-space-4)}.hp-mt-6{margin-top:var(--hp-space-6)}.hp-mt-8{margin-top:var(--hp-space-8)}.hp-mb-2{margin-bottom:var(--hp-space-2)}.hp-mb-4{margin-bottom:var(--hp-space-4)}.hp-mb-6{margin-bottom:var(--hp-space-6)}.hp-ml-auto{margin-left:auto}.hp-p-4{padding:var(--hp-space-4)}.hp-p-6{padding:var(--hp-space-6)}.hp-w-full{width:100%}.hp-max-w-sm{max-width:400px}.hp-max-w-md{max-width:560px}.hp-max-w-lg{max-width:720px}.hp-ml-0{margin-left:0}.hp-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.hp-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp-clickable{cursor:pointer;position:relative}.hp-clickable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.hp-divider{border:none;border-top:var(--hp-border-width) solid var(--hp-border);margin:var(--hp-space-6) 0}.hp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--hp-space-16) var(--hp-space-6);text-align:center;color:var(--hp-text-muted)}.hp-empty-icon{font-size:3rem;margin-bottom:var(--hp-space-4);opacity:.4}.hp-empty-text{font-size:var(--hp-font-size-base);margin-bottom:var(--hp-space-2)}.hp-empty-hint{font-size:var(--hp-font-size-sm);color:var(--hp-text-muted)}.hp-stat{text-align:center;padding:var(--hp-space-6);background:var(--hp-white);border:var(--hp-border-width) solid var(--hp-border);border-radius:var(--hp-radius-lg)}.hp-stat-value{font-size:var(--hp-font-size-2xl);font-weight:800;color:var(--hp-primary);line-height:1}.hp-stat-label{font-size:var(--hp-font-size-sm);color:var(--hp-text-muted);margin-top:var(--hp-space-2)}.hp-stat-accent .hp-stat-value{color:var(--hp-accent)}.hp-callout{display:flex;gap:var(--hp-space-3);padding:var(--hp-space-4);border-radius:var(--hp-radius-md);font-size:var(--hp-font-size-sm);line-height:1.5;align-items:flex-start}.hp-callout--info{background:var(--hp-accent-subtle);color:var(--hp-accent-dark);border:1px solid rgba(52,152,219,.2)}.hp-callout--success{background:#27ae6014;color:var(--hp-success);border:1px solid rgba(39,174,96,.2)}.hp-callout--warning{background:#f39c1214;color:#b7950b;border:1px solid rgba(243,156,18,.2)}.hp-callout--danger{background:#e74c3c14;color:var(--hp-danger);border:1px solid rgba(231,76,60,.2)}.hp-callout-icon{font-size:1.2rem;flex-shrink:0}.hp-input-with-icon{position:relative;display:flex;align-items:center}.hp-input-icon{position:absolute;left:12px;color:var(--hp-text-muted);pointer-events:none}.hp-pl-10{padding-left:40px!important}@media (max-width: 1024px){.hp-grid-4{grid-template-columns:repeat(2,1fr)}.hp-layout-main{padding:var(--hp-space-6)}}@media (max-width: 768px){:root{--hp-sidebar-width: 0px}.hp-sidebar{transform:translate(-100%)}.hp-sidebar--open{transform:translate(0)}.hp-grid-3{grid-template-columns:1fr}.hp-grid-4{grid-template-columns:1fr 1fr}.hp-h1{font-size:var(--hp-font-size-2xl)}.hp-h2{font-size:var(--hp-font-size-xl)}.hp-layout-main{padding:var(--hp-space-4)}.hp-trade-grid{grid-template-columns:repeat(2,1fr)}.hp-modal{max-height:90vh;margin:var(--hp-space-4)}}@media (max-width: 480px){.hp-grid-2,.hp-grid-3,.hp-grid-4{grid-template-columns:1fr}.hp-trade-grid{grid-template-columns:1fr 1fr}.hp-doc-item{flex-wrap:wrap}.hp-doc-item-actions{width:100%;justify-content:flex-end;margin-top:var(--hp-space-2)}.hp-modal-footer{flex-direction:column}.hp-modal-footer .hp-btn{width:100%}}@media (max-width: 375px){.hp-h1{font-size:1.5rem}.hp-h2{font-size:1.25rem}.hp-p-6{padding:var(--hp-space-4)}.hp-layout-main{padding:var(--hp-space-3)}.hp-topbar{padding:0 var(--hp-space-4);height:auto;min-height:var(--hp-header-height)}.hp-flex-between.hp-flex-wrap{flex-direction:column;align-items:flex-start}.hp-table th,.hp-table td{padding:var(--hp-space-2) var(--hp-space-3);font-size:var(--hp-font-size-xs)}.hp-card{padding:var(--hp-space-4)}.hp-trade-grid{grid-template-columns:1fr 1fr}.hp-callout{flex-direction:column}.hp-doc-item-icon{width:36px;height:36px;font-size:1rem}}