*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;color:#000;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary: #000;--color-accent: #ff6b6b;--color-success: #4ecdc4;--color-warning: #ffe66d;--color-error: #ff6b6b;--color-background: #f5f5f5;--color-white: #ffffff;--color-gray: #666;--color-light-gray: #e0e0e0;--shadow-brutal: 6px 6px 0px #000;--shadow-brutal-lg: 8px 8px 0px #000;--shadow-brutal-xl: 12px 12px 0px #000;--border-width: 3px;--radius: 0px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.main-container{max-width:800px;margin:0 auto;padding:2rem}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.ml-3{margin-left:.75rem}.space-x-3>*+*{margin-left:.75rem}.text-4xl{font-size:2.25rem;line-height:1.1}.text-3xl{font-size:1.875rem;line-height:1.1}.text-2xl{font-size:1.5rem;line-height:1.2}.text-xl{font-size:1.25rem;line-height:1.3}.text-lg{font-size:1.125rem;line-height:1.4}.text-base{font-size:1rem;line-height:1.5}.text-sm{font-size:.875rem;line-height:1.4}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.brutal-card{background:var(--color-white);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-brutal-lg);padding:2rem;position:relative}.brutal-card-lg{background:var(--color-white);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-brutal-xl);padding:3rem;position:relative}.brutal-button{background:var(--color-accent);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-brutal);color:var(--color-primary);font-weight:700;font-size:1rem;padding:.75rem 1.5rem;text-transform:uppercase;cursor:pointer;transition:all .1s ease;position:relative}.brutal-button:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--color-primary)}.brutal-button:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--color-primary)}.brutal-button:disabled{background:var(--color-light-gray);cursor:not-allowed;transform:none;box-shadow:var(--shadow-brutal)}.brutal-button:disabled:hover{transform:none;box-shadow:var(--shadow-brutal)}.brutal-input{background:var(--color-white);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-brutal);font-size:1rem;font-weight:500;padding:.75rem 1rem;width:100%;transition:all .1s ease}.brutal-input:focus{outline:none;transform:translate(2px,2px);box-shadow:4px 4px 0 var(--color-primary)}.brutal-input::placeholder{color:var(--color-gray);font-weight:400}.brutal-header{background:var(--color-white);border-bottom:var(--border-width) solid var(--color-primary);box-shadow:0 var(--border-width) 0 var(--color-primary);padding:1.5rem 0;position:sticky;top:0;z-index:100}.brutal-header-title{font-size:1.75rem;font-weight:900;color:var(--color-primary);text-transform:uppercase;letter-spacing:-.5px}.brutal-header-subtitle{font-size:1rem;color:var(--color-gray);font-weight:500;margin-top:.25rem}.brutal-avatar{width:3rem;height:3rem;background:var(--color-accent);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-brutal);display:flex;align-items:center;justify-content:center;position:relative}.brutal-avatar-text{font-size:1rem;font-weight:900;color:var(--color-primary)}.brutal-error{background:#ffebee;border:var(--border-width) solid var(--color-error);box-shadow:var(--shadow-brutal);padding:1rem 1.5rem;color:var(--color-error);font-weight:600}.brutal-success{background:#e8f5e8;border:var(--border-width) solid var(--color-success);box-shadow:var(--shadow-brutal);padding:.75rem 1rem;color:#2d5016;font-weight:700;display:inline-block;font-size:.75rem;text-transform:uppercase}.brutal-warning{background:#fffbeb;border:var(--border-width) solid var(--color-warning);box-shadow:var(--shadow-brutal);padding:.75rem 1rem;color:#92400e;font-weight:700;display:inline-block;font-size:.75rem;text-transform:uppercase}.brutal-tag{background:var(--color-white);border:2px solid var(--color-primary);box-shadow:3px 3px 0 var(--color-primary);padding:.375rem .75rem;color:var(--color-primary);font-weight:600;font-size:.75rem;text-transform:uppercase;display:inline-block;transition:all .1s ease}.brutal-tag:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--color-primary)}.brutal-source-item{background:var(--color-white);border:2px solid var(--color-primary);box-shadow:var(--shadow-brutal);padding:1rem;border-left:6px solid var(--color-accent)}.brutal-form{display:flex;flex-direction:column;gap:1.5rem}.brutal-form-group{display:flex;flex-direction:column;gap:.5rem}.brutal-label{font-weight:700;font-size:.875rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:2rem}.login-card{width:100%;max-width:400px}.login-title{font-size:2rem;font-weight:900;color:var(--color-primary);text-transform:uppercase;text-align:center;margin-bottom:.5rem;letter-spacing:-1px}.login-subtitle{color:var(--color-gray);text-align:center;margin-bottom:2rem;font-weight:500}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-background)}.main-content{flex:1;padding:2rem 0}.content-wrapper{display:flex;flex-direction:column;gap:2rem}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-gray);font-size:1.125rem;font-weight:500}@media (max-width: 768px){.container{padding:0 1rem}.main-container{padding:1rem}.brutal-card,.brutal-card-lg{padding:1.5rem}.brutal-header-title{font-size:1.5rem}.login-container{padding:1rem}.login-title{font-size:1.75rem}}.loading-spinner{width:20px;height:20px;border:2px solid var(--color-primary);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-3{gap:.75rem}.brutal-example-button{background:var(--color-white);border:var(--border-width) solid var(--color-primary);box-shadow:var(--shadow-brutal);color:var(--color-primary);font-weight:600;font-size:.875rem;padding:.75rem 1rem;text-align:left;cursor:pointer;transition:all .1s ease;line-height:1.4}.brutal-example-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:4px 4px 0 var(--color-primary);background:var(--color-accent)}.brutal-example-button:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--color-primary)}.brutal-example-button:disabled{background:var(--color-light-gray);cursor:not-allowed;transform:none;box-shadow:var(--shadow-brutal);color:var(--color-gray)}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.w-full{width:100%}.flex-1{flex:1}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}