:root{--color-primary: #1e4d3e;--color-primary-light: #2d6b58;--color-primary-dark: #0f2f24;--color-accent: #3b82f6;--color-accent-dark: #1e3a8a;--color-accent-light: #60a5fa;--color-accent-muted: #e0e7ff;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-disabled: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-background: #ffffff;--color-background-subtle: #f8fafc;--color-on-primary: #ffffff;--color-on-primary-hover: rgba(255, 255, 255, .9);--color-on-accent: #ffffff;--color-on-dark: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--dock-panel-min-width-left: 260px;--dock-panel-min-width-center: 480px;--dock-panel-min-width-right: 280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--color-text);background-color:var(--color-background);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root[data-theme=hirenow]{--color-primary: #1e4d3e;--color-primary-light: #2d6b58;--color-primary-dark: #0f2f24}.dock-panel{display:flex;flex-direction:column;height:100%;background:var(--color-background);border:1px solid var(--color-border);overflow:hidden}.dock-panel--left{border-right:1px solid var(--color-border)}.dock-panel--center{flex:1;min-width:var(--dock-panel-min-width-center);border-left:none;border-right:none}.dock-panel--right{border-left:1px solid var(--color-border)}.dock-panel>*{min-height:0;min-width:0}@media (max-width: 767px){.dock-panel{border:none}.dock-panel--center{min-width:100%;width:100%}}@media (min-width: 768px) and (max-width: 1023px){.dock-panel--left{min-width:200px}.dock-panel--center{min-width:400px}}@media (prefers-reduced-motion: reduce){.dock-panel{transition:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:var(--font-weight-medium);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn--md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md)}.btn--lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.btn--primary{background-color:var(--color-accent);color:var(--color-background)}.btn--primary:hover:not(:disabled){background-color:var(--color-accent-dark)}.btn--secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-background-subtle)}.btn--danger{background-color:var(--color-error);color:var(--color-background)}.btn--danger:hover:not(:disabled){opacity:.9}.btn--ghost{background-color:transparent;color:var(--color-text)}.btn--ghost:hover:not(:disabled){background-color:var(--color-background-subtle)}.btn--link{background-color:transparent;color:var(--color-accent);padding:0;border:none}.btn--link:hover:not(:disabled){text-decoration:underline}.btn--full-width{width:100%}.btn--loading{position:relative}.btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.ribbon-menu{background:var(--color-background);border-bottom:1px solid var(--color-border);flex-shrink:0;transition:height .3s ease}.ribbon-menu__header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--spacing-md);background:var(--color-primary);color:var(--color-on-primary)}.ribbon-menu__title h1{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-on-primary)}.ribbon-menu__toggle{color:var(--color-on-primary);font-size:var(--font-size-sm)}.ribbon-menu__toggle:hover{background:var(--color-primary-light)}.ribbon-menu__content{display:flex;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-background-subtle);border-bottom:1px solid var(--color-border);overflow-x:auto;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ribbon-menu__section{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:150px}.ribbon-menu__section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-xs) 0}.ribbon-menu__buttons{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ribbon-menu__buttons button{justify-content:flex-start;font-size:var(--font-size-sm)}.ribbon-menu__note{display:flex;align-items:center;padding:var(--spacing-sm);background:var(--color-accent-muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4;margin-left:auto;white-space:nowrap}.ribbon-menu--collapsed .ribbon-menu__content{display:none}@media (max-width: 767px){.ribbon-menu__header{height:48px;padding:0 var(--spacing-sm)}.ribbon-menu__title h1{font-size:var(--font-size-md)}.ribbon-menu__content{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm)}.ribbon-menu__section{min-width:auto}.ribbon-menu__note{white-space:normal}}@media (min-width: 768px) and (max-width: 1023px){.ribbon-menu__content{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.ribbon-menu__section{min-width:120px}}@media (prefers-reduced-motion: reduce){.ribbon-menu{transition:none}.ribbon-menu__content{animation:none}}.dock-footer{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 var(--spacing-md);background:var(--color-background);border-top:1px solid var(--color-border);flex-shrink:0;font-size:var(--font-size-sm)}.dock-footer__left,.dock-footer__right{display:flex;align-items:center;gap:var(--spacing-sm);min-width:150px}.dock-footer__left{justify-content:flex-start}.dock-footer__right{justify-content:flex-end}.dock-footer__center{flex:1;display:flex;justify-content:center;align-items:center}.dock-footer__status{color:var(--color-text-muted);font-size:var(--font-size-xs)}.dock-footer__toggle{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);height:24px}@media (max-width: 767px){.dock-footer{display:none}}@media (min-width: 768px) and (max-width: 1023px){.dock-footer__left,.dock-footer__right{min-width:100px}.dock-footer__toggle{font-size:var(--font-size-xs)}}@media (prefers-reduced-motion: reduce){.dock-footer{transition:none}}.resizable-dock-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--color-background-subtle)}.resizable-dock-layout--dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.resizable-dock-layout--dragging *{pointer-events:none}.dock-content{display:flex;flex:1;min-height:0;position:relative}.dock-resize-handle{width:4px;background:var(--color-border);cursor:col-resize;flex-shrink:0;position:relative;transition:background-color .2s ease}.dock-resize-handle:hover{background:var(--color-accent)}.dock-resize-handle:active{background:var(--color-accent-dark)}.dock-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:-2px;right:-2px;background:transparent}.dock-resize-handle:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 767px){.dock-content{flex-direction:column}.dock-panel--left,.dock-panel--right{display:none!important}.dock-panel--center{width:100%!important;min-width:100%!important;border-left:none;border-right:none}.dock-resize-handle{display:none}}@media (min-width: 768px) and (max-width: 1023px){.dock-panel--left{min-width:200px!important;max-width:300px!important}.dock-panel--right{display:none!important}.dock-panel--center{min-width:400px}}@media (min-width: 1024px){.dock-panel--left{min-width:var(--dock-panel-min-width-left)}.dock-panel--center{min-width:var(--dock-panel-min-width-center)}.dock-panel--right{min-width:var(--dock-panel-min-width-right)}}@media (prefers-reduced-motion: reduce){.dock-resize-handle,.dock-panel{transition:none}}.dock-resize-handle,.dock-panel{will-change:auto}.resizable-dock-layout--dragging .dock-resize-handle,.resizable-dock-layout--dragging .dock-panel{will-change:width}.placeholder-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.placeholder-panel__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-background-subtle);flex-shrink:0}.placeholder-panel__header h2{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.placeholder-select{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);font-size:var(--font-size-sm)}.placeholder-panel__content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.placeholder-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.placeholder-list__item{padding:var(--spacing-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease}.placeholder-list__item:hover{background:var(--color-background-subtle);border-color:var(--color-accent)}.placeholder-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.placeholder-tab{padding:var(--spacing-sm) var(--spacing-md);border:1px solid transparent;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;background:var(--color-background-subtle);color:var(--color-text-muted);transition:all .2s ease}.placeholder-tab:hover{background:var(--color-background);color:var(--color-text)}.placeholder-tab--active{background:var(--color-background);border-color:var(--color-border);color:var(--color-text);font-weight:600}.placeholder-content{padding:var(--spacing-md)}.placeholder-content h3{margin:0 0 var(--spacing-md) 0;color:var(--color-text)}.placeholder-content h4{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text)}.placeholder-content p{margin:0;color:var(--color-text-muted);line-height:1.6}.placeholder-content ul{margin:0;padding-left:var(--spacing-xl);color:var(--color-text-muted)}.placeholder-content li{margin-bottom:var(--spacing-xs);line-height:1.6}.placeholder-note{padding:var(--spacing-md);background:var(--color-accent-muted);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;line-height:1.5;flex-shrink:0}