@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-primary:#1a56ff;--color-primary-dark:#03c;--color-accent:#ff7951;--color-success:#00c853;--color-destructive:#f80032;--color-disabled:#b3b3b4;--color-bg:#f5f5f0;--color-surface:#fff;--color-border:#0a0a0a;--color-text:#0a0a0a;--color-text-secondary:#444;--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.125rem;--text-body:1rem;--text-small:.875rem;--text-micro:.75rem;--border-width:2.5px;--border-width-heavy:3px;--border-color:#0a0a0a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:14px;--shadow-sm:2px 2px 0px var(--border-color);--shadow-md:3px 3px 0px var(--border-color);--shadow-lg:4px 4px 0px var(--border-color);--shadow-xl:5px 5px 0px var(--border-color);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--max-width:1200px;--transition-fast:80ms ease;--transition-base:.12s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;font-weight:400;line-height:1.6}img,svg{max-width:100%;display:block}ul,ol{list-style:none}a{color:var(--color-primary);transition:border-color var(--transition-base);border-bottom:2px solid #0000;font-weight:600;text-decoration:none}a:hover{border-bottom-color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-text);line-height:1.2}h1{font-size:var(--text-h1);font-weight:800}h2{font-size:var(--text-h2);font-weight:700}h3{font-size:var(--text-h3);font-weight:700}p{color:var(--color-text);line-height:1.7}p+p{margin-top:var(--space-md)}small,.text-small{font-size:var(--text-small);font-weight:500}.text-micro{font-size:var(--text-micro);font-weight:600}.text-secondary{color:var(--color-text-secondary)}.text-mono{font-family:var(--font-mono);font-size:.9em}.container{width:100%;max-width:var(--max-width);padding-inline:var(--space-lg);margin-inline:auto}.two-col{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.stack{gap:var(--space-md);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-md);flex-direction:row;display:flex}.card{background-color:var(--color-surface);border:var(--border-width-heavy) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg)}.card-sm{padding:var(--space-md);border-radius:var(--radius-md)}.panel{background-color:var(--color-surface);border:var(--border-width-heavy) solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-xl)}.card-primary{background-color:var(--color-primary);color:#fff;border-color:var(--border-color)}.card-accent{background-color:var(--color-accent);color:var(--color-text);border-color:var(--border-color)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-body);padding:12px var(--space-lg);border:var(--border-width-heavy) solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);border-bottom-color:var(--border-color);color:#fff;transform:translate(-1px,-1px)}.btn-primary:active{background-color:var(--color-primary-dark);box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md)}.btn-secondary:hover{box-shadow:var(--shadow-lg);border-bottom-color:var(--border-color);color:var(--color-text);transform:translate(-1px,-1px)}.btn-secondary:active{box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.btn-accent{background-color:var(--color-accent);color:var(--color-text);box-shadow:var(--shadow-md)}.btn-accent:hover{box-shadow:var(--shadow-lg);border-bottom-color:var(--border-color);color:var(--color-text);transform:translate(-1px,-1px)}.btn-accent:active{box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.btn-destructive{background-color:var(--color-destructive);color:#fff;box-shadow:var(--shadow-md)}.btn-destructive:hover{box-shadow:var(--shadow-lg);border-bottom-color:var(--border-color);color:#fff;transform:translate(-1px,-1px)}.btn-destructive:active{box-shadow:var(--shadow-sm);transform:translate(2px,2px)}.btn-sm{font-size:var(--text-small);padding:8px var(--space-md)}.btn-lg{padding:16px var(--space-xl);font-size:1.125rem}.btn:disabled,.btn[aria-disabled=true]{background-color:var(--color-disabled);color:#fff;border-color:var(--border-color);box-shadow:var(--shadow-md);cursor:not-allowed;pointer-events:none;transform:none}label{font-size:var(--text-small);margin-bottom:var(--space-xs);color:var(--color-text);font-weight:700;display:block}.form-group{gap:var(--space-xs);flex-direction:column;display:flex}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel],select,textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text);background-color:var(--color-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:10px var(--space-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);appearance:none;outline:none;font-weight:500}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);border-width:var(--border-width-heavy);box-shadow:var(--shadow-sm)}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);font-weight:400}textarea{resize:vertical;min-height:120px;line-height:1.6}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230A0A0A' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-right:var(--space-2xl);cursor:pointer}input.error,select.error,textarea.error{border-color:var(--color-destructive)}.field-error{font-size:var(--text-small);color:var(--color-destructive);margin-top:var(--space-xs);font-weight:600}.field-hint{font-size:var(--text-small);color:var(--color-text-secondary);margin-top:var(--space-xs)}.file-upload{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);background-color:var(--color-surface);border:var(--border-width-heavy) dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:background-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.file-upload:hover{background-color:var(--color-bg);box-shadow:var(--shadow-md)}.file-upload.drag-over{background-color:color-mix(in srgb, var(--color-primary) 8%, white);border-color:var(--color-primary);border-style:solid}.badge{align-items:center;gap:var(--space-xs);font-size:var(--text-micro);letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:3px 10px;font-weight:700;display:inline-flex}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-accent{background-color:var(--color-accent);color:var(--color-text)}.badge-success{background-color:var(--color-success);color:var(--color-text)}.badge-destructive{background-color:var(--color-destructive);color:#fff}.badge-neutral{background-color:var(--color-surface);color:var(--color-text)}.nav{height:56px;padding:0 var(--space-lg);background-color:var(--color-surface);border-bottom:var(--border-width-heavy) solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--color-text);border-bottom:none;font-size:1.25rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:var(--space-lg);list-style:none;display:flex}.nav-links a{font-size:var(--text-small);color:var(--color-text);transition:border-color var(--transition-base);border-bottom:2px solid #0000;font-weight:600}.nav-links a:hover,.nav-links a.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.chat-container{gap:var(--space-md);flex-direction:column;display:flex}.chat-message{max-width:80%;display:flex}.chat-message-user{flex-direction:row-reverse;align-self:flex-end}.chat-message-ai{align-self:flex-start}.chat-bubble{padding:var(--space-md) var(--space-lg);border:var(--border-width-heavy) solid var(--border-color);border-radius:var(--radius-lg);line-height:1.6;font-size:var(--text-body)}.chat-message-user .chat-bubble{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg)}.chat-message-ai .chat-bubble{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm)}.chat-typing{padding:var(--space-md) var(--space-lg);align-items:center;gap:4px;display:flex}.chat-typing span{background-color:var(--color-text-secondary);border-radius:50%;width:7px;height:7px;animation:1s infinite typing-bounce}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}hr{border:none;border-top:var(--border-width) solid var(--border-color);margin-block:var(--space-lg)}.alert{padding:var(--space-md) var(--space-lg);border:var(--border-width-heavy) solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:500}.alert-info{background-color:color-mix(in srgb, var(--color-primary) 10%, white);border-color:var(--color-primary)}.alert-success{background-color:color-mix(in srgb, var(--color-success) 10%, white);border-color:var(--color-success)}.alert-warning{background-color:color-mix(in srgb, var(--color-accent) 15%, white);border-color:var(--color-accent)}.alert-destructive{background-color:color-mix(in srgb, var(--color-destructive) 10%, white);border-color:var(--color-destructive)}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.hidden{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}@media (width<=768px){:root{--text-h1:1.625rem;--text-h2:1.25rem}.container{padding-inline:var(--space-md)}.two-col{grid-template-columns:1fr}.nav{padding:var(--space-sm) var(--space-md)}.chat-message{max-width:92%}}