:root{--spotter-bg:#F1F1F1;--spotter-card-bg:#FFFFFF;--spotter-text-primary:#09090B;--spotter-text-secondary:#71717A;--spotter-border:#E4E4E7;--spotter-icon-muted:#A1A1AA;--spotter-item-bg:#F4F4F5;--spotter-theme:#00BAFF;--spotter-theme-rgb:0,186,255;--zeak-bg-primary:#F1F1F1;--zeak-bg-secondary:#FAFAFA;--zeak-bg-tertiary:#F4F4F5;--zeak-surface-base:#FFFFFF;--zeak-surface-elevated:#FFFFFF;--zeak-surface-overlay:rgba(255,255,255,0.8);--zeak-text-primary:#09090B;--zeak-text-secondary:#71717A;--zeak-text-tertiary:#A1A1AA;--zeak-text-inverse:#FFFFFF;--zeak-accent:#00BAFF;--zeak-accent-rgb:0,186,255;--zeak-accent-light:rgba(0,186,255,0.1);--zeak-accent-medium:rgba(0,186,255,0.2);--zeak-accent-dark:#0095CC;--zeak-border-base:#E4E4E7;--zeak-border-light:#ECECF1;--zeak-divider:#E4E4E7;--zeak-success:#10B981;--zeak-warning:#F59E0B;--zeak-error:#EF4444;--zeak-info:#00BAFF;--zeak-glass-bg:rgba(255,255,255,0.8);--zeak-glass-border:rgba(255,255,255,0.2);--zeak-glass-blur:12px;--zeak-space-xs:0.25rem;--zeak-space-sm:0.5rem;--zeak-space-md:1rem;--zeak-space-lg:1.5rem;--zeak-space-xl:2rem;--zeak-space-2xl:3rem;--zeak-radius-xs:4px;--zeak-radius-sm:8px;--zeak-radius-md:12px;--zeak-radius-lg:16px;--zeak-radius-xl:20px;--zeak-radius-2xl:24px;--zeak-radius-full:9999px;--zeak-shadow-xs:0 1px 2px rgba(0,0,0,0.05);--zeak-shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--zeak-shadow-md:0 4px 6px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.06);--zeak-shadow-lg:0 10px 15px rgba(0,0,0,0.1),0 4px 6px rgba(0,0,0,0.05);--zeak-shadow-xl:0 20px 25px rgba(0,0,0,0.1),0 10px 10px rgba(0,0,0,0.04);--zeak-shadow-2xl:0 25px 50px rgba(0,0,0,0.15);--zeak-shadow-elevation-1:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);--zeak-shadow-elevation-2:0 3px 6px rgba(0,0,0,0.15),0 2px 4px rgba(0,0,0,0.12);--zeak-shadow-elevation-3:0 10px 20px rgba(0,0,0,0.15),0 3px 6px rgba(0,0,0,0.10);--zeak-font-sans:"Poppins","Segoe UI",sans-serif;--zeak-font-display:"Space Grotesk","Arial",sans-serif;--zeak-font-mono:"JetBrains Mono","Courier New",monospace;--zeak-text-xs:0.75rem;--zeak-text-sm:0.875rem;--zeak-text-base:1rem;--zeak-text-lg:1.125rem;--zeak-text-xl:1.25rem;--zeak-text-2xl:1.5rem;--zeak-text-3xl:1.875rem;--zeak-text-4xl:2.25rem;--zeak-duration-fast:150ms;--zeak-duration-base:250ms;--zeak-duration-slow:350ms;--zeak-easing-standard:cubic-bezier(0.2,0,0,1);--zeak-easing-soft:cubic-bezier(0.25,1,0.5,1);--zeak-easing-premium:cubic-bezier(0.32,0.72,0,1)}@media (prefers-color-scheme:dark){:root{--zeak-bg-primary:#0F0F0F;--zeak-bg-secondary:#1A1A1A;--zeak-bg-tertiary:#262626;--zeak-surface-base:#1A1A1A;--zeak-surface-elevated:#262626;--zeak-surface-overlay:rgba(26,26,26,0.8);--zeak-text-primary:#FFFFFF;--zeak-text-secondary:#A1A1AA;--zeak-text-tertiary:#71717A;--zeak-text-inverse:#09090B;--zeak-border-base:#3F3F46;--zeak-border-light:#27272A;--zeak-divider:#3F3F46;--zeak-glass-bg:rgba(26,26,26,0.8);--zeak-glass-border:rgba(255,255,255,0.1)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{padding:0;background-color:var(--zeak-bg-primary);font-family:var(--zeak-font-sans);font-size:var(--zeak-text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body,h1,h2,h3,h4,h5,h6{margin:0;color:var(--zeak-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--zeak-font-display);font-weight:600}h1{font-size:var(--zeak-text-4xl);line-height:1.2;letter-spacing:-.5px}h2{font-size:var(--zeak-text-3xl);line-height:1.3;letter-spacing:-.25px}h3{font-size:var(--zeak-text-2xl)}h3,h4{line-height:1.4}h4{font-size:var(--zeak-text-xl)}h5,h6{font-size:var(--zeak-text-lg);line-height:1.5}p{margin:0;color:var(--zeak-text-secondary)}a{color:var(--zeak-accent);text-decoration:none;transition:color var(--zeak-duration-fast) var(--zeak-easing-standard)}a:hover{color:var(--zeak-accent-dark)}code{font-family:var(--zeak-font-mono);font-size:.9em;background-color:var(--zeak-bg-tertiary);padding:2px 6px;border-radius:var(--zeak-radius-xs);color:var(--zeak-text-primary)}.zeak-card{background-color:var(--zeak-surface-base);border:1px solid var(--zeak-border-base);border-radius:var(--zeak-radius-lg);padding:var(--zeak-space-lg);box-shadow:var(--zeak-shadow-sm);transition:all var(--zeak-duration-base) var(--zeak-easing-standard)}.zeak-card:hover{border-color:var(--zeak-accent-light);box-shadow:var(--zeak-shadow-md)}.zeak-card--interactive{cursor:pointer;user-select:none}.zeak-card--interactive:active{transform:scale(.98)}.zeak-card--glass{background:var(--zeak-glass-bg);backdrop-filter:blur(var(--zeak-glass-blur));border:1px solid var(--zeak-glass-border);box-shadow:0 8px 32px rgba(0,0,0,.1)}.zeak-card--glass:hover{border-color:rgba(0,186,255,.3);box-shadow:0 8px 32px rgba(0,186,255,.15)}.zeak-card--elevated{background-color:var(--zeak-surface-elevated);box-shadow:var(--zeak-shadow-elevation-3)}.zeak-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--zeak-space-sm);padding:var(--zeak-space-sm) var(--zeak-space-md);border:none;border-radius:var(--zeak-radius-lg);font-family:var(--zeak-font-sans);font-size:var(--zeak-text-base);font-weight:600;line-height:1.4;cursor:pointer;transition:all var(--zeak-duration-fast) var(--zeak-easing-standard);user-select:none;background-color:var(--zeak-accent);color:var(--zeak-text-inverse);box-shadow:var(--zeak-shadow-sm)}.zeak-button:hover:not(:disabled){background-color:var(--zeak-accent-dark);box-shadow:var(--zeak-shadow-md);transform:translateY(-2px)}.zeak-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--zeak-shadow-sm)}.zeak-button:disabled{opacity:.5;cursor:not-allowed}.zeak-button--secondary{background-color:var(--zeak-bg-tertiary);color:var(--zeak-text-primary);border:1px solid var(--zeak-border-base)}.zeak-button--secondary:hover:not(:disabled){background-color:var(--zeak-bg-secondary);border-color:var(--zeak-accent)}.zeak-button--ghost{background-color:transparent;color:var(--zeak-text-primary);box-shadow:none}.zeak-button--ghost:hover:not(:disabled){background-color:var(--zeak-accent-light);color:var(--zeak-accent)}.zeak-button--success{background-color:var(--zeak-success)}.zeak-button--success:hover:not(:disabled){background-color:#059669}.zeak-button--error{background-color:var(--zeak-error)}.zeak-button--error:hover:not(:disabled){background-color:#DC2626}.zeak-button--sm{padding:var(--zeak-space-xs) var(--zeak-space-sm);font-size:var(--zeak-text-sm);border-radius:var(--zeak-radius-md)}.zeak-button--lg{padding:var(--zeak-space-md) var(--zeak-space-lg);font-size:var(--zeak-text-lg);border-radius:var(--zeak-radius-xl)}.zeak-button--full{width:100%}.zeak-button--icon{width:2.5rem;height:2.5rem;padding:0;border-radius:var(--zeak-radius-lg)}.zeak-input,.zeak-textarea{width:100%;padding:var(--zeak-space-sm) var(--zeak-space-md);background-color:var(--zeak-bg-tertiary);border:1px solid var(--zeak-border-base);border-radius:var(--zeak-radius-md);font-family:var(--zeak-font-sans);font-size:var(--zeak-text-base);color:var(--zeak-text-primary);transition:all var(--zeak-duration-fast) var(--zeak-easing-standard)}.zeak-input::placeholder,.zeak-textarea::placeholder{color:var(--zeak-text-tertiary)}.zeak-input:focus,.zeak-textarea:focus{outline:none;border-color:var(--zeak-accent);background-color:var(--zeak-surface-base);box-shadow:0 0 0 3px var(--zeak-accent-light)}.zeak-input:disabled,.zeak-textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--zeak-bg-secondary)}.zeak-textarea{resize:vertical;min-height:6rem}.zeak-input-group{position:relative;display:flex;align-items:center}.zeak-input-group .zeak-input{padding-left:var(--zeak-space-lg)}.zeak-input-icon{position:absolute;left:var(--zeak-space-md);color:var(--zeak-text-tertiary);pointer-events:none}.zeak-kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--zeak-space-lg);padding:var(--zeak-space-lg);background-color:var(--zeak-bg-primary);min-height:100vh}.zeak-kanban-column{display:flex;flex-direction:column;gap:var(--zeak-space-md);background-color:var(--zeak-bg-secondary);border-radius:var(--zeak-radius-lg);padding:var(--zeak-space-md);min-height:500px}.zeak-kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--zeak-space-md);border-bottom:2px solid var(--zeak-border-base)}.zeak-kanban-column-title{font-size:var(--zeak-text-lg);font-weight:600;color:var(--zeak-text-primary);text-transform:capitalize}.zeak-kanban-column-count{background-color:var(--zeak-accent-light);color:var(--zeak-accent);padding:2px 8px;border-radius:var(--zeak-radius-full);font-size:var(--zeak-text-sm);font-weight:600}.zeak-kanban-cards{display:flex;flex-direction:column;gap:var(--zeak-space-sm);flex:1;overflow-y:auto}.zeak-kanban-card{background-color:var(--zeak-surface-base);border:1px solid var(--zeak-border-base);border-radius:var(--zeak-radius-md);padding:var(--zeak-space-md);cursor:grab;transition:all var(--zeak-duration-fast) var(--zeak-easing-standard)}.zeak-kanban-card:hover{border-color:var(--zeak-accent);box-shadow:0 4px 12px rgba(0,186,255,.15);transform:translateY(-2px)}.zeak-kanban-card--dragging{opacity:.5;cursor:grabbing}.zeak-kanban-card--drag-over{border-color:var(--zeak-accent);background-color:var(--zeak-accent-light)}.zeak-kanban-card-header{display:flex;align-items:flex-start;gap:var(--zeak-space-sm);margin-bottom:var(--zeak-space-sm)}.zeak-kanban-card-title{font-size:var(--zeak-text-base);font-weight:600;color:var(--zeak-text-primary);flex:1;word-break:break-word}.zeak-kanban-card-content{font-size:var(--zeak-text-sm);color:var(--zeak-text-secondary);margin-bottom:var(--zeak-space-md);line-height:1.6}.zeak-kanban-card-actions{display:flex;gap:var(--zeak-space-xs);opacity:0;transition:opacity var(--zeak-duration-fast) var(--zeak-easing-standard)}.zeak-kanban-card:hover .zeak-kanban-card-actions{opacity:1}.zeak-kanban-card-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--zeak-radius-sm);background-color:var(--zeak-bg-tertiary);border:none;cursor:pointer;color:var(--zeak-text-secondary);transition:all var(--zeak-duration-fast) var(--zeak-easing-standard)}.zeak-kanban-card-action:hover{background-color:var(--zeak-accent-light);color:var(--zeak-accent)}.zeak-kanban-card-action--delete:hover{background-color:rgba(239,68,68,.1);color:var(--zeak-error)}.zeak-subcard{background-color:var(--zeak-bg-tertiary);border:1px dashed var(--zeak-border-light);border-radius:var(--zeak-radius-sm);padding:var(--zeak-space-sm);margin:var(--zeak-space-xs) 0;font-size:var(--zeak-text-sm);color:var(--zeak-text-secondary);transition:all var(--zeak-duration-fast) var(--zeak-easing-standard)}.zeak-subcard:hover{border-color:var(--zeak-accent);background-color:var(--zeak-accent-light)}.zeak-chat-container{display:flex;flex-direction:column;height:100vh;background-color:var(--zeak-bg-primary)}.zeak-chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--zeak-space-lg);border-bottom:1px solid var(--zeak-border-base);background-color:var(--zeak-surface-base);box-shadow:var(--zeak-shadow-sm)}.zeak-chat-title{font-size:var(--zeak-text-xl);font-weight:600;color:var(--zeak-text-primary)}.zeak-chat-messages{flex:1;overflow-y:auto;padding:var(--zeak-space-lg);display:flex;flex-direction:column;gap:var(--zeak-space-md)}.zeak-chat-message{display:flex;gap:var(--zeak-space-md);animation:slideIn .3s var(--zeak-easing-soft)}.zeak-chat-message--user{justify-content:flex-end}.zeak-chat-message--admin,.zeak-chat-message--system{justify-content:flex-start}.zeak-chat-message--admin{padding:var(--zeak-space-md);background-color:var(--zeak-bg-secondary);border-radius:var(--zeak-radius-lg)}.zeak-chat-bubble{max-width:70%;padding:var(--zeak-space-md) var(--zeak-space-lg);border-radius:var(--zeak-radius-lg);word-wrap:break-word;line-height:1.5}.zeak-chat-message--user .zeak-chat-bubble{background:linear-gradient(135deg,var(--zeak-accent) 0,#0095CC 100%);color:var(--zeak-text-inverse);border-radius:16px 4px 16px 16px}.zeak-chat-message--system .zeak-chat-bubble{background-color:var(--zeak-surface-base);color:var(--zeak-text-primary);border:1px solid var(--zeak-border-base);border-radius:4px 16px 16px 16px}.zeak-chat-message--admin .zeak-chat-bubble{background-color:rgba(99,102,241,.1);color:#4F46E5;border-left:3px solid #4f46e5;border-radius:8px}.zeak-chat-timestamp{font-size:var(--zeak-text-xs);color:var(--zeak-text-tertiary);margin-top:var(--zeak-space-xs)}.zeak-chat-input-area{display:flex;gap:var(--zeak-space-sm);padding:var(--zeak-space-lg);border-top:1px solid var(--zeak-border-base);background-color:var(--zeak-surface-base)}.zeak-chat-input{flex:1;min-height:44px;max-height:120px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.zeak-animate-slide-in{animation:slideIn var(--zeak-duration-base) var(--zeak-easing-soft)}.zeak-animate-fade-in{animation:fadeIn var(--zeak-duration-base) var(--zeak-easing-standard)}.zeak-animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.zeak-animate-bounce{animation:bounce var(--zeak-duration-base) ease-in-out}.zeak-container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--zeak-space-lg)}.zeak-flex{display:flex}.zeak-flex-col{flex-direction:column}.zeak-flex-center{align-items:center;justify-content:center}.zeak-flex-between{justify-content:space-between}.zeak-gap-sm{gap:var(--zeak-space-sm)}.zeak-gap-md{gap:var(--zeak-space-md)}.zeak-gap-lg,.zeak-grid{gap:var(--zeak-space-lg)}.zeak-grid{display:grid}.zeak-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.zeak-grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.zeak-kanban-board{grid-template-columns:1fr;padding:var(--zeak-space-md)}.zeak-chat-bubble{max-width:85%}.zeak-button{width:100%}h1{font-size:var(--zeak-text-3xl)}h2{font-size:var(--zeak-text-2xl)}.zeak-card{padding:var(--zeak-space-md)}}@media (max-width:480px){.zeak-kanban-board{padding:var(--zeak-space-sm);gap:var(--zeak-space-md)}.zeak-chat-header,.zeak-chat-input-area{padding:var(--zeak-space-md)}.zeak-chat-input-area{gap:var(--zeak-space-xs)}.zeak-button--sm{padding:var(--zeak-space-xs) var(--zeak-space-sm)}}.zeak-button:focus-visible,.zeak-input:focus-visible,.zeak-textarea:focus-visible{outline:2px solid var(--zeak-accent);outline-offset:2px}.zeak-loading{position:relative;opacity:.6;pointer-events:none}.zeak-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid var(--zeak-accent-light);border-top-color:var(--zeak-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.zeak-button:disabled,.zeak-disabled,.zeak-input:disabled{opacity:.5;cursor:not-allowed}.zeak-error-text{color:var(--zeak-error);font-size:var(--zeak-text-sm);margin-top:var(--zeak-space-xs)}.zeak-input--error,.zeak-textarea--error{border-color:var(--zeak-error)}.zeak-input--error:focus,.zeak-textarea--error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.zeak-success-text{color:var(--zeak-success);font-size:var(--zeak-text-sm);margin-top:var(--zeak-space-xs)}.zeak-scrollbar::-webkit-scrollbar{width:8px;height:8px}.zeak-scrollbar::-webkit-scrollbar-track{background-color:var(--zeak-bg-secondary);border-radius:4px}.zeak-scrollbar::-webkit-scrollbar-thumb{background-color:var(--zeak-border-base);border-radius:4px;transition:background-color var(--zeak-duration-fast)}.zeak-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--zeak-accent)}.zeak-scrollbar{scrollbar-color:var(--zeak-accent) var(--zeak-bg-secondary);scrollbar-width:thin}.zeak-gradient-text{background:linear-gradient(135deg,var(--zeak-accent) 0,#0095CC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zeak-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:40}.zeak-glow{box-shadow:0 0 20px rgba(0,186,255,.3)}.zeak-glow-sm{box-shadow:0 0 12px rgba(0,186,255,.2)}.zeak-glow-lg{box-shadow:0 0 40px rgba(0,186,255,.4)}@media print{.zeak-button,.zeak-chat-input-area,.zeak-kanban-card-actions{display:none}.zeak-card{page-break-inside:avoid;box-shadow:none;border:1px solid #ccc}}