:root{--brutal-black:#000000;--brutal-white:#ffffff;--brutal-gray-900:#111111;--brutal-gray-800:#1a1a1a;--brutal-gray-700:#2a2a2a;--brutal-gray-600:#3a3a3a;--brutal-gray-500:#4a4a4a;--brutal-gray-400:#6a6a6a;--brutal-gray-300:#8a8a8a;--brutal-gray-200:#aaaaaa;--brutal-gray-100:#cccccc;--brutal-red:#ff0000;--brutal-red-dark:#cc0000;--brutal-yellow:#ffff00;--brutal-yellow-dark:#cccc00;--brutal-green:#00ff00;--brutal-green-dark:#00cc00;--brutal-blue:#0066ff;--brutal-blue-dark:#0052cc;--brutal-purple:#9900ff;--brutal-purple-dark:#7700cc;--status-success:#00ff00;--status-success-bg:#00ff0020;--status-warning:#ffff00;--status-warning-bg:#ffff0020;--status-error:#ff0000;--status-error-bg:#ff000020;--status-info:#0066ff;--status-info-bg:#0066ff20;--brutal-font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--brutal-font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--brutal-space-xs:0.25rem;--brutal-space-sm:0.5rem;--brutal-space-md:1rem;--brutal-space-lg:1.5rem;--brutal-space-xl:2rem;--brutal-space-2xl:3rem;--brutal-space-3xl:4rem;--brutal-border-width:2px;--brutal-border-width-thick:4px;--brutal-border-radius:0px;--brutal-shadow-sm:2px 2px 0 var(--brutal-white);--brutal-shadow-md:4px 4px 0 var(--brutal-white);--brutal-shadow-lg:6px 6px 0 var(--brutal-white);--brutal-shadow-xl:8px 8px 0 var(--brutal-white);--brutal-transition-fast:0.1s ease;--brutal-transition-normal:0.2s ease;--brutal-transition-slow:0.3s ease}.brutal-heading-1{font-size:2.5rem;font-weight:900;line-height:1.1;letter-spacing:-.02em}.brutal-heading-1,.brutal-heading-2{font-family:var(--brutal-font-family);color:var(--brutal-white);text-transform:uppercase}.brutal-heading-2{font-size:2rem;font-weight:800;line-height:1.2;letter-spacing:-.01em}.brutal-heading-3{font-size:1.5rem;line-height:1.3}.brutal-heading-3,.brutal-heading-4{font-family:var(--brutal-font-family);font-weight:700;color:var(--brutal-white);text-transform:uppercase}.brutal-heading-4{font-size:1.25rem;line-height:1.4}.brutal-body{font-size:1rem;line-height:1.5;color:var(--brutal-white)}.brutal-body,.brutal-body-small{font-family:var(--brutal-font-family);font-weight:500}.brutal-body-small{font-size:.875rem;line-height:1.4;color:var(--brutal-gray-300)}.brutal-caption{font-family:var(--brutal-font-family);font-size:.75rem;font-weight:600;line-height:1.3;color:var(--brutal-gray-400);text-transform:uppercase;letter-spacing:.05em}.brutal-mono{font-family:var(--brutal-font-mono);font-size:.875rem;font-weight:500;line-height:1.4;color:var(--brutal-white)}.brutal-card{background:var(--brutal-gray-800);border:var(--brutal-border-width) solid var(--brutal-white);border-radius:var(--brutal-border-radius);box-shadow:var(--brutal-shadow-md);transition:all var(--brutal-transition-fast);position:relative}.brutal-card:hover{transform:translate(-2px,-2px);box-shadow:var(--brutal-shadow-lg)}.brutal-card--elevated{background:var(--brutal-gray-700);box-shadow:var(--brutal-shadow-lg)}.brutal-card--bordered{border:var(--brutal-border-width-thick) solid var(--brutal-white)}.brutal-button{font-family:var(--brutal-font-family);font-weight:700;text-transform:uppercase;letter-spacing:.02em;border:var(--brutal-border-width) solid var(--brutal-black);border-radius:var(--brutal-border-radius);cursor:pointer;transition:all var(--brutal-transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--brutal-space-sm);text-decoration:none;position:relative;overflow:hidden}.brutal-button:disabled{opacity:.5;cursor:not-allowed}.brutal-button--primary{background:var(--brutal-red);color:var(--brutal-white);border-color:var(--brutal-black)}.brutal-button--primary:hover:not(:disabled){background:var(--brutal-black);border-color:var(--brutal-red);transform:translate(-1px,-1px);box-shadow:var(--brutal-shadow-sm)}.brutal-button--secondary{background:var(--brutal-gray-700);color:var(--brutal-white);border-color:var(--brutal-white)}.brutal-button--secondary:hover:not(:disabled){background:var(--brutal-white);color:var(--brutal-black);transform:translate(-1px,-1px);box-shadow:var(--brutal-shadow-sm)}.brutal-button--danger{background:var(--brutal-red);color:var(--brutal-white);border-color:var(--brutal-red-dark)}.brutal-button--danger:hover:not(:disabled){background:var(--brutal-red-dark);border-color:var(--brutal-white);transform:translate(-1px,-1px);box-shadow:var(--brutal-shadow-sm)}.brutal-button--success{background:var(--brutal-green);color:var(--brutal-black);border-color:var(--brutal-green-dark)}.brutal-button--success:hover:not(:disabled){background:var(--brutal-green-dark);color:var(--brutal-white);transform:translate(-1px,-1px);box-shadow:var(--brutal-shadow-sm)}.brutal-button--sm{padding:var(--brutal-space-sm) var(--brutal-space-md);font-size:.75rem}.brutal-button--md{padding:var(--brutal-space-md) var(--brutal-space-lg);font-size:.875rem}.brutal-button--lg{padding:var(--brutal-space-lg) var(--brutal-space-xl);font-size:1rem}.brutal-input{font-family:var(--brutal-font-family);background:var(--brutal-gray-900);color:var(--brutal-white);border:var(--brutal-border-width) solid var(--brutal-white);border-radius:var(--brutal-border-radius);padding:var(--brutal-space-md);font-size:1rem;font-weight:500;transition:all var(--brutal-transition-fast);width:100%}.brutal-input:focus{outline:none;border-color:var(--brutal-blue);box-shadow:var(--brutal-shadow-sm);transform:translate(-1px,-1px)}.brutal-input::-moz-placeholder{color:var(--brutal-gray-400);font-weight:400}.brutal-input::placeholder{color:var(--brutal-gray-400);font-weight:400}.brutal-input--error{border-color:var(--brutal-red);background:var(--status-error-bg)}.brutal-select{font-family:var(--brutal-font-family);background:var(--brutal-gray-900);color:var(--brutal-white);border:var(--brutal-border-width) solid var(--brutal-white);border-radius:var(--brutal-border-radius);padding:var(--brutal-space-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all var(--brutal-transition-fast);width:100%}.brutal-select:focus{outline:none;border-color:var(--brutal-blue);box-shadow:var(--brutal-shadow-sm);transform:translate(-1px,-1px)}.brutal-container{max-width:1200px;margin:0 auto;padding:0 var(--brutal-space-md)}.brutal-grid{gap:var(--brutal-space-md)}.brutal-grid--cols-1{grid-template-columns:1fr}.brutal-grid--cols-2{grid-template-columns:repeat(2,1fr)}.brutal-grid--cols-3{grid-template-columns:repeat(3,1fr)}.brutal-grid--cols-4{grid-template-columns:repeat(4,1fr)}.brutal-flex{gap:var(--brutal-space-md)}.brutal-flex--center{align-items:center;justify-content:center}.brutal-flex--between{align-items:center;justify-content:space-between}.brutal-flex--column{flex-direction:column}.brutal-status{display:inline-flex;align-items:center;gap:var(--brutal-space-xs);padding:var(--brutal-space-xs) var(--brutal-space-sm);border:var(--brutal-border-width) solid;border-radius:var(--brutal-border-radius);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.brutal-status--success{background:var(--status-success-bg);color:var(--status-success);border-color:var(--status-success)}.brutal-status--warning{background:var(--status-warning-bg);color:var(--brutal-black);border-color:var(--status-warning)}.brutal-status--error{background:var(--status-error-bg);color:var(--status-error);border-color:var(--status-error)}.brutal-status--info{background:var(--status-info-bg);color:var(--status-info);border-color:var(--status-info)}.brutal-skeleton{background:var(--brutal-gray-700);border:var(--brutal-border-width) solid var(--brutal-gray-600);border-radius:var(--brutal-border-radius);animation:brutal-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes brutal-pulse{0%,to{opacity:1}50%{opacity:.5}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:640px){*{scroll-behavior:smooth}.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.overflow-x-auto::-webkit-scrollbar,.overflow-y-auto::-webkit-scrollbar{height:4px;width:4px}.overflow-x-auto::-webkit-scrollbar-track,.overflow-y-auto::-webkit-scrollbar-track{background:var(--brutal-gray-800)}.overflow-x-auto::-webkit-scrollbar-thumb,.overflow-y-auto::-webkit-scrollbar-thumb{background:var(--brutal-gray-600);border-radius:2px}}@media (max-width:640px){.brutal-heading-1{font-size:1.875rem;line-height:1.2}.brutal-heading-2{font-size:1.5rem;line-height:1.3}.brutal-heading-3{font-size:1.25rem;line-height:1.4}.brutal-heading-4{font-size:1.125rem;line-height:1.4}.brutal-grid--cols-2,.brutal-grid--cols-3,.brutal-grid--cols-4{grid-template-columns:1fr;gap:var(--brutal-space-sm)}.brutal-flex:not(.brutal-flex--mobile-row){flex-direction:column;gap:var(--brutal-space-sm)}.brutal-container{padding:0 var(--brutal-space-sm);max-width:100%}.brutal-button{min-height:44px;padding:var(--brutal-space-md) var(--brutal-space-lg)}.brutal-button--sm{min-height:40px;padding:var(--brutal-space-sm) var(--brutal-space-md);font-size:.875rem}.brutal-input,.brutal-select{min-height:44px;padding:var(--brutal-space-md);font-size:16px}.brutal-card{margin-bottom:var(--brutal-space-sm)}.brutal-card:hover{transform:none;box-shadow:var(--brutal-shadow-md)}.brutal-button:hover:not(:disabled){transform:none;box-shadow:none}.brutal-button:active{transform:scale(.98);transition:transform .1s ease}.brutal-body,.brutal-body-small{line-height:1.6}table{border-collapse:separate;border-spacing:0}.brutal-button:focus,.brutal-input:focus,.brutal-select:focus{outline:2px solid var(--brutal-blue);outline-offset:2px}}@media (min-width:641px) and (max-width:768px){.brutal-grid--cols-3,.brutal-grid--cols-4{grid-template-columns:repeat(2,1fr)}.brutal-container{padding:0 var(--brutal-space-md)}}@media (min-width:769px) and (max-width:1024px){.brutal-grid--cols-4{grid-template-columns:repeat(3,1fr)}.brutal-container{padding:0 var(--brutal-space-lg)}}@media (min-width:1025px){.brutal-container{padding:0 var(--brutal-space-xl)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.brutal-button,.brutal-card{border-width:1px}}@media (orientation:landscape) and (max-height:500px){.brutal-heading-1{font-size:1.5rem}.brutal-heading-2{font-size:1.25rem}.brutal-p-lg,.brutal-p-xl{padding:var(--brutal-space-md)}}.brutal-text-center{text-align:center}.brutal-text-left{text-align:left}.brutal-text-right{text-align:right}.brutal-w-full{width:100%}.brutal-w-10{width:2.5rem}.brutal-h-full{height:100%}.brutal-p-xs{padding:var(--brutal-space-xs)}.brutal-p-sm{padding:var(--brutal-space-sm)}.brutal-p-md{padding:var(--brutal-space-md)}.brutal-p-lg{padding:var(--brutal-space-lg)}.brutal-p-xl{padding:var(--brutal-space-xl)}.brutal-m-xs{margin:var(--brutal-space-xs)}.brutal-m-sm{margin:var(--brutal-space-sm)}.brutal-m-md{margin:var(--brutal-space-md)}.brutal-m-lg{margin:var(--brutal-space-lg)}.brutal-m-xl{margin:var(--brutal-space-xl)}.brutal-mb-xs{margin-bottom:var(--brutal-space-xs)}.brutal-mb-sm{margin-bottom:var(--brutal-space-sm)}.brutal-mb-md{margin-bottom:var(--brutal-space-md)}.brutal-mb-lg{margin-bottom:var(--brutal-space-lg)}.brutal-mb-xl{margin-bottom:var(--brutal-space-xl)}.brutal-mt-xs{margin-top:var(--brutal-space-xs)}.brutal-mt-sm{margin-top:var(--brutal-space-sm)}.brutal-mt-md{margin-top:var(--brutal-space-md)}.brutal-mt-lg{margin-top:var(--brutal-space-lg)}.brutal-mt-xl{margin-top:var(--brutal-space-xl)}.brutal-flex--mobile-row{flex-direction:row}.brutal-flex--mobile-wrap{flex-wrap:wrap}.brutal-hidden{display:none}.brutal-block{display:block}.brutal-inline-block{display:inline-block}.brutal-flex{display:flex}.brutal-inline-flex{display:inline-flex}.brutal-grid{display:grid}@media (max-width:640px){.brutal-mobile-hidden{display:none!important}.brutal-mobile-block{display:block!important}.brutal-mobile-flex{display:flex!important}.brutal-mobile-grid{display:grid!important}.brutal-mobile-text-center{text-align:center!important}.brutal-mobile-text-left{text-align:left!important}.brutal-mobile-w-full{width:100%!important}.brutal-mobile-h-auto{height:auto!important}.brutal-mobile-p-sm{padding:var(--brutal-space-sm)!important}.brutal-mobile-p-md{padding:var(--brutal-space-md)!important}.brutal-mobile-mb-sm{margin-bottom:var(--brutal-space-sm)!important}.brutal-mobile-mb-md{margin-bottom:var(--brutal-space-md)!important}.brutal-mobile-gap-sm{gap:var(--brutal-space-sm)!important}.brutal-mobile-gap-md{gap:var(--brutal-space-md)!important}}@media (min-width:641px) and (max-width:1024px){.brutal-tablet-hidden{display:none!important}.brutal-tablet-block{display:block!important}.brutal-tablet-flex{display:flex!important}.brutal-tablet-grid{display:grid!important}.brutal-tablet-grid--cols-2{grid-template-columns:repeat(2,1fr)!important}.brutal-tablet-grid--cols-3{grid-template-columns:repeat(3,1fr)!important}}@media (min-width:1025px){.brutal-desktop-hidden{display:none!important}.brutal-desktop-block{display:block!important}.brutal-desktop-flex{display:flex!important}.brutal-desktop-grid{display:grid!important}}