:root{--primary: #ffd500;--primary-light: #fff3a0;--primary-dark: #e6c000;--black: #000000;--white: #ffffff;--gray-100: #f8f9fa;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #212529}body{font-family:"M PLUS Rounded 1c",sans-serif;background-color:var(--gray-100);color:var(--black);overflow-x:hidden}.sidebar{width:280px;background:linear-gradient(135deg,#ffd500cc,#ffaa00b3);color:var(--gray-800);padding:1.5rem;position:fixed;height:100vh;overflow-y:auto;z-index:10;box-shadow:5px 0 15px #0000000d;transition:all .3s ease;border-right:1px solid rgba(255,213,0,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar-header{display:flex;align-items:center}.app-logo{display:flex;align-items:center;gap:.5rem}.app-logo img{height:40px;filter:drop-shadow(0 0 5px rgba(255,213,0,.5))}.app-name{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,var(--black) 0%,var(--gray-700) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(255,213,0,.3)}.nav-menu{list-style:none;margin-top:1.5rem}.nav-item{margin-bottom:.5rem;border-radius:12px;overflow:hidden;transition:all .3s ease}.nav-item:hover{transform:translate(5px)}.nav-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--gray-800);text-decoration:none;border-radius:8px;transition:all .3s ease;background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-link:hover{background:#ffffffb3}.nav-link.active{background:linear-gradient(90deg,var(--primary) 0%,rgba(255,170,0,.8) 100%);color:var(--black);font-weight:500;box-shadow:0 0 10px #ffd50080}.nav-link.disabled{color:#9ca3af!important;cursor:not-allowed!important;opacity:.6!important}.nav-link.disabled:hover{background-color:transparent!important;color:#9ca3af!important}.nav-link i{margin-right:.75rem;font-size:1.2rem;width:1.2rem;text-align:center}.character-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);text-align:center;width:100%;pointer-events:none}.character{width:100px;height:100px;margin:0 auto;filter:drop-shadow(0 0 10px rgba(255,213,0,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}.main-content{flex:1;margin-left:280px;padding:2rem;position:relative;overflow-x:hidden;width:calc(100vw - 280px);overflow-y:auto;height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:4px solid;border-image:linear-gradient(90deg,var(--primary) 0%,#ffaa00 100%) 1}.page-title{font-size:1.5rem;font-weight:700;color:var(--black);position:relative}.user-profile{display:flex;align-items:center;gap:1rem;cursor:pointer;position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,#ffaa00 100%);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--black);border:2px solid var(--white);box-shadow:0 0 15px #ffd50080}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.card{background:var(--white);border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(255,213,0,.3)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary) 0%,#ffaa00 100%);box-shadow:0 0 20px 5px #ffd50080}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title{font-size:1.2rem;font-weight:700;color:var(--black)}.card-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,#ffaa00 100%);display:flex;align-items:center;justify-content:center;color:var(--black);font-size:1.2rem;box-shadow:0 0 15px #ffd50080}.card-value{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,var(--black) 0%,#444444 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 5px rgba(0,0,0,.1)}.card-description{font-size:.9rem;color:var(--gray-600)}.table-section{background:var(--white);border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;margin-bottom:2rem;position:relative;overflow:hidden;border:1px solid rgba(255,213,0,.3)}.table-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary) 0%,#ffaa00 100%);box-shadow:0 0 20px 5px #ffd50080}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:700;color:var(--black)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray-300)}th{background-color:var(--gray-100);font-weight:500}tr:hover{background-color:var(--gray-100)}.status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-block}.status-completed{background-color:#1987541a;color:#198754;box-shadow:0 0 5px #1987544d}.status-pending{background-color:#ffc1071a;color:#ffc107;box-shadow:0 0 5px #ffc1074d}.status-draft{background-color:#6c757d1a;color:#6c757d;box-shadow:0 0 5px #6c757d4d}.glow-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffd50033,#ffd50000 70%);z-index:-1}.glow-circle-1{width:300px;height:300px;top:-100px;right:-100px;animation:pulse 4s infinite alternate}.glow-circle-2{width:400px;height:400px;bottom:-200px;left:30%;animation:pulse 6s infinite alternate-reverse}@keyframes pulse{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.2)}}.neon-line{position:absolute;height:2px;background:linear-gradient(90deg,#ffd50000,#ffd500,#ffd50000);box-shadow:0 0 10px #ffd500cc;z-index:-1;animation:neonPulse 3s infinite}.neon-line-1{width:200px;top:100px;right:50px;transform:rotate(-5deg)}.neon-line-2{width:150px;bottom:150px;left:100px;transform:rotate(10deg)}@keyframes neonPulse{0%,to{opacity:.5}50%{opacity:1}}.btn,button[type=submit],button[type=button],.btn-primary,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.5rem;padding:0 1.25rem;font-size:.875rem;font-weight:600;line-height:1;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-family:"M PLUS Rounded 1c",sans-serif;white-space:nowrap;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn-primary,button[type=submit]:not(.btn-outline):not([variant=outline]){background:linear-gradient(to right,var(--primary),#ffaa00);color:var(--black);border:none;box-shadow:0 4px 6px -1px #ffd50033,0 2px 4px -1px #ffd5001a}.btn-primary:hover,button[type=submit]:not(.btn-outline):not([variant=outline]):hover{background:linear-gradient(to right,#ffaa00,var(--primary));transform:translateY(-1px);box-shadow:0 6px 10px -1px #ffd5004d,0 4px 6px -1px #ffd50026}.btn-outline,button[variant=outline],button[type=button].btn-outline{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover,button[variant=outline]:hover,button[type=button].btn-outline:hover{border-color:var(--primary);color:var(--black);background-color:#ffd5000d;box-shadow:0 4px 6px -1px #ffd5001a,0 2px 4px -1px #ffd5000d}.btn:disabled,button[type=submit]:disabled,button[type=button]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}button[type=button][role=checkbox]{height:2rem;padding:0 1rem}@media (max-width: 992px){.sidebar{width:80px;padding:1rem .5rem}.app-name,.nav-link span{display:none}.nav-link{justify-content:center;padding:.75rem}.nav-link i{margin-right:0}.main-content{margin-left:80px;width:calc(100vw - 80px)}.character-container{display:none}}@media (max-width: 768px){.card-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:1rem}.user-profile{align-self:flex-end}}.neon-effect{transition:all .3s ease}.neon-effect:hover{text-shadow:0 0 10px rgba(255,213,0,.8);color:var(--primary)}.gradient-text{background:linear-gradient(90deg,var(--primary) 0%,#ffaa00 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.breadcrumbs{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--gray-600)}.breadcrumbs a{color:var(--gray-600);text-decoration:none;transition:color .3s ease}.breadcrumbs a:hover{color:var(--primary)}.breadcrumbs .separator{color:var(--gray-400)}.breadcrumbs .current{color:var(--gray-800);font-weight:500}.user-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;padding:.5rem;min-width:200px;z-index:100;margin-top:.5rem;border:1px solid var(--gray-200)}.user-dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--gray-700);text-decoration:none;font-weight:400;border-radius:.25rem;transition:background-color .2s;cursor:pointer;width:100%;text-align:left;background:transparent;border:none;box-shadow:none;font-size:.875rem;margin:0}.user-dropdown-item i{margin-right:.75rem;width:1rem;text-align:center;color:var(--gray-600)}.user-dropdown-item:hover{background-color:var(--gray-100)}.user-dropdown-divider{height:1px;margin:.5rem 0;background-color:var(--gray-200)}.container{width:100vw;max-width:none;padding:0;margin:0}.evaluation-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--gray-300);background-color:#fff;cursor:pointer;transition:all .3s ease;font-family:"M PLUS Rounded 1c",sans-serif;width:100%;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.evaluation-select:focus{outline:none;box-shadow:0 0 0 2px #ffd5004d}.evaluation-select[value="1"]{background-color:#dc26261a;color:#dc2626;border-color:#dc26264d;background-image:linear-gradient(to right,#dc26261a,#dc262633)}.evaluation-select[value="2"]{background-color:#dc26260d;color:#ef4444;border-color:#dc262633;background-image:linear-gradient(to right,#dc26260d,#dc26261a)}.evaluation-select[value="3"]{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d;background-image:linear-gradient(to right,#6b72801a,#6b728033)}.core-value-select[value="1"]{background-color:#dc26261a;color:#dc2626;border-color:#dc26264d;background-image:linear-gradient(to right,#dc26261a,#dc262633)}.core-value-select[value="2"]{background-color:#dc26260d;color:#ef4444;border-color:#dc262633;background-image:linear-gradient(to right,#dc26260d,#dc26261a)}.core-value-select[value="3"]{background-color:#6b72801a;color:#6b7280;border-color:#6b72804d;background-image:linear-gradient(to right,#6b72801a,#6b728033)}.core-value-select[value="4"]{background-color:#10b9810d;color:#10b981;border-color:#10b98133;background-image:linear-gradient(to right,#10b9810d,#10b9811a)}.core-value-select[value="5"]{background-color:#10b9811a;color:#059669;border-color:#10b9814d;background-image:linear-gradient(to right,#10b9811a,#10b98133)}.react-datepicker__close-icon:after{content:"×";display:flex;justify-content:center;align-items:center;font-size:16px;background-color:#888;color:#fff;border-radius:50%;width:20px;height:20px;box-sizing:border-box}.dialog-content{max-height:90vh;overflow-y:auto}.dialog-content::-webkit-scrollbar{width:8px}.dialog-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dialog-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dialog-content::-webkit-scrollbar-thumb:hover{background:#555}