:root{--color-primary: #E64C3C;--color-black: #000000;--color-white: #FFFFFF;--color-success: #2ECC71;--color-warning: #F39C12;--color-danger: #E74C3C;--color-info: #3498DB;--color-background: #E0E0E0;--color-action-delete: var(--color-danger);--color-action-edit: var(--color-warning);--color-action-create: var(--color-success);--color-action-info: var(--color-info);--border-width: 4px;--border-style: solid;--border-color: var(--color-black);--border: var(--border-width) var(--border-style) var(--border-color);--shadow-sm: 2px 2px 0px var(--color-black);--shadow-md: 4px 4px 0px var(--color-black);--shadow-lg: 6px 6px 0px var(--color-black);--shadow-xl: 8px 8px 0px var(--color-black);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--font-family: "Arial", "Helvetica", sans-serif;--font-weight-normal: 400;--font-weight-bold: 700;--font-weight-black: 900;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-4xl: 48px;--radius: 0px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:1.5;color:var(--color-black);background-color:var(--color-background)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2}.container{width:100%;margin:0 auto;padding:var(--spacing-xl)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.w-full{width:100%}.w-auto{width:auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);text-align:center;border:var(--border);border-radius:var(--radius);background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.btn:hover{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.btn:active{transform:translate(4px,4px);box-shadow:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background-color:var(--color-white);color:var(--color-black)}.btn-success{background-color:var(--color-action-create)}.btn-warning{background-color:var(--color-action-edit)}.btn-danger{background-color:var(--color-action-delete);color:var(--color-white)}.btn-info{background-color:var(--color-action-info);color:var(--color-white)}.btn-small{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.btn-large{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-lg)}.btn-block{display:block;width:100%}.card{background-color:var(--color-white);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:var(--border)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.card-body{margin-bottom:var(--spacing-lg)}.card-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:var(--border)}.input,.textarea,.select{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);border:3px solid var(--color-black);border-radius:var(--radius);background-color:var(--color-white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e64c3c33}.input:disabled,.textarea:disabled,.select:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.6}.textarea{min-height:120px;resize:vertical}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23000' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:var(--spacing-3xl)}.label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.form-group{margin-bottom:var(--spacing-xl)}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;border:2px solid var(--color-black);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.badge-primary{background-color:var(--color-primary);color:var(--color-white)}.badge-success{background-color:var(--color-success);color:var(--color-white)}.badge-warning{background-color:var(--color-warning);color:var(--color-white)}.alert{padding:var(--spacing-lg);border:var(--border);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-bold)}.alert-success{background-color:var(--color-success);color:var(--color-white)}.alert-warning{background-color:var(--color-warning);color:var(--color-white)}.alert-error{background-color:var(--color-primary);color:var(--color-white)}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background-color:var(--color-white);border:var(--border);box-shadow:var(--shadow-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-xl);border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.modal-close{width:32px;height:32px;border:2px solid var(--color-black);background-color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.modal-close:hover{transform:scale(1.1)}.modal-body{padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-xl);border-top:var(--border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.loader{border:4px solid var(--color-background);border-top:4px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{display:flex;justify-content:center;align-items:center;padding:var(--spacing-4xl)}@media(min-width:768px){.container{padding:0 var(--spacing-2xl)}.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}.grid-cols-md-4{grid-template-columns:repeat(4,1fr)}.flex-md-row{flex-direction:row}}@media(min-width:1024px){.container{padding:0 var(--spacing-3xl)}.grid-cols-lg-2{grid-template-columns:repeat(2,1fr)}.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1280px){.grid-cols-xl-3{grid-template-columns:repeat(3,1fr)}.grid-cols-xl-4{grid-template-columns:repeat(4,1fr)}}.hide-mobile{display:none}@media(min-width:768px){.hide-mobile{display:block}.hide-desktop{display:none}}body{min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--color-white);border-bottom:var(--border);box-shadow:0 4px 0 var(--color-black);position:sticky;top:0;z-index:100}.header-container{max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.header-logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--color-primary);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm)}.header-nav{display:none}.header-nav-list{display:flex;gap:var(--spacing-md);list-style:none}.header-nav-link{padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);text-decoration:none;color:var(--color-black);border:3px solid transparent;transition:all var(--transition-fast)}.header-nav-link:hover{border-color:var(--color-black);background-color:var(--color-background)}.header-nav-link.active{border:3px solid var(--color-black);background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.hamburger{width:44px;height:44px;border:3px solid var(--color-black);background-color:var(--color-white);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;transition:transform var(--transition-fast);position:relative;z-index:10;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hamburger:hover{transform:scale(1.05)}.hamburger:active{transform:scale(.95)}.hamburger-line{width:24px;height:3px;background-color:var(--color-black);transition:all var(--transition-fast)}.hamburger.open .hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:1050;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);pointer-events:none}.sidebar-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background-color:var(--color-white);border-right:var(--border);box-shadow:var(--shadow-xl);z-index:1200;transform:translate(-100%);transition:transform var(--transition-normal);display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{padding:var(--spacing-xl);border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center}.sidebar-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);color:var(--color-primary)}.sidebar-close{width:32px;height:32px;border:2px solid var(--color-black);background-color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-close:hover{background-color:var(--color-primary);color:var(--color-white)}.sidebar-nav{flex:1;padding:var(--spacing-xl);overflow-y:auto}.sidebar-nav-list{display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none}.sidebar-nav-link{padding:var(--spacing-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);text-decoration:none;color:var(--color-black);border:3px solid var(--color-black);background-color:var(--color-white);display:block;transition:all var(--transition-fast)}.sidebar-nav-link:hover{background-color:var(--color-background);transform:translate(4px)}.sidebar-nav-link.active{background-color:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}@media(min-width:768px){.header-nav{display:block}.hamburger{display:none}.header-container{padding:var(--spacing-xl) var(--spacing-2xl)}}.main-content{min-height:calc(100vh - 80px);padding:var(--spacing-2xl) 0}