:root{--color-primary: #2B362E;--color-bg: #F5F0E8;--color-accent: #6B8063;--color-neutral: #B2AB9C;--color-white: #ffffff;--color-text: #2B362E;--color-text-light: #6b6b6b;--color-danger: #C0392B;--color-warning: #D4A017;--color-info: #3498DB;--color-success: #6B8063;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--sidebar-width: 260px;--topbar-height: 60px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-neutral);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#968f82}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-primary)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{margin-bottom:.5rem}input,select,textarea{font-family:var(--font-family);font-size:.9rem;padding:10px 14px;border:1px solid var(--color-neutral);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #6b806326}input::placeholder,textarea::placeholder{color:var(--color-neutral)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%23B2AB9C' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;color:var(--color-text)}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;transition:all .2s}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;border-radius:var(--radius-md);transition:background-color .2s,transform .1s,box-shadow .2s}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background-color:#5a6e53}.btn-secondary{background-color:var(--color-white);color:var(--color-text);border:1px solid var(--color-neutral)}.btn-secondary:hover{background-color:var(--color-bg)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background-color:#a93226}.btn-sm{padding:6px 14px;font-size:.8rem}.btn-lg{padding:12px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.1rem}.text-muted{color:var(--color-text-light)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.ml-2{margin-left:8px}.mr-2{margin-right:8px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.form-group{margin-bottom:16px}.form-row{display:flex;gap:16px}.form-row>*{flex:1}.form-error{color:var(--color-danger);font-size:.8rem;margin-top:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.slide-down{animation:slideDown .3s ease}.spinner{width:24px;height:24px;border:3px solid var(--color-neutral);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}.loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh}