*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#1c1a28;color:#fff;min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:16px}.login-card{background-color:#343243;width:100%;max-width:360px;padding:24px;border-radius:12px}.login-card h1{text-align:center;margin-bottom:24px;color:#ffbe38}.login-field{display:flex;flex-direction:column;margin-bottom:16px}.login-field label{font-size:14px;margin-bottom:6px;color:#cbd5e1;font-weight:600}.login-field input{height:40px;padding:8px 12px;border-radius:6px;border:1px solid #4e5d72;background-color:#1c1a28;color:#fff}.show-password{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px}.login-button{width:100%;height:40px;background-color:#ffbe38;color:#1c1a28;font-weight:600;border-radius:6px}.login-error{color:#ff4d4f;font-size:14px;margin-top:12px;text-align:center}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#343243}.logo{font-size:28px;font-weight:600;color:#ffbe38}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{font-size:14px;color:#fff}.nav-links a:hover{color:#ffbe38}.nav-links button{background-color:#ffbe38;color:#1c1a28;padding:6px 14px;border-radius:6px;font-size:14px}@media(max-width:600px){.app-header{flex-direction:column;gap:12px}.nav-links{gap:12px}}.calendar{background-color:#343243;padding:20px;border-radius:16px;box-shadow:0 0 8px #fdf0034d}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-title{font-size:18px;font-weight:600;color:#ffbe38}.nav-btn{background-color:#1c1a28;border= none;color:#ffbe38;font-size:18px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.nav-btn:hover{background-color:#ffbe38;color:#000}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.day-label{text-align:center;font-size:12px;color:#cbd5e1}.calendar-dates{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.date-cell{background-color:#1c1a28;border:1px solid #4e5d72;border-radius:10px;height:60px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:all .2s ease}.date-cell:hover{transform:translateY(-4px);border-color:#ffbe38}.date-cell img{width:30px}.date-cell:hover{background-color:#42404d}.date-cell.dimmed{opacity:.3}.date-cell:not(.dimmed){border:1px solid #ffbe38}.emoji-selector{background-color:#343243;padding:20px;border-radius:16px;box-shadow:0 0 8px #fdf0034d}.emoji-title{margin-bottom:16px;font-size:16px;font-weight:600;color:#ffbe38}.emoji-list{display:flex;gap:16px;flex-wrap:wrap}.emoji-item{background-color:#1c1a28;border-radius:15px;padding:10px;width:90px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #ccc;transition:background-color .3s ease,border .3s ease,transform .2s ease}.emoji-item p{font-size:12px;color:#cbd5e1;transition:color .3s ease}.emoji-item.active{background-color:#fff8e1;border:2px solid #ffbe38}.emoji-item.active p{color:#000}.emoji-item:hover{transform:translateY(-6px);box-shadow:0 4px 10px #eacd1033}.filters-card{display:flex;flex-direction:column;align-items:center;background-color:#343243;padding:20px;border-radius:16px;box-shadow:0 0 8px #fdf0034d;width:100%}.filters-row{display:flex;gap:16px;width:100%}.filter-group{display:flex;flex-direction:column;flex:1}.filter-group label{font-size:12px;color:#cbd5e1;margin-bottom:6px}.filters-row select{height:38px;background-color:#1c1a28;color:#fff;border:1px solid #4e5d72;border-radius:8px;padding:0 10px;font-size:14px;transition:all .2s ease;cursor:pointer}.filters-row select:hover{border-color:#ffbe38}.filters-row select:focus{outline:none;border-color:#ffbe38;box-shadow:0 0 0 2px #ffbe3833}.filters-count{margin-top:20px;text-align:center;font-size:22px;font-weight:700;color:#ffbe38}.home-page{min-height:100vh;background-color:#1a1825}.home-page h2{text-align:center;color:#ffbe38;margin-top:20px;font-size:22px;font-weight:600}.home-content{max-width:1200px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:3fr 2fr;gap:24px}.home-left{display:flex;flex-direction:column}.home-right{display:flex;flex-direction:column;gap:24px}.home-left,.home-right{gap:20px}@media(max-width:768px){.home-content{grid-template-columns:1fr}.home-page h2{font-size:18px}}.reports-page{min-height:100vh;background-color:#1a1825}.reports-content{max-width:1100px;margin:0 auto;padding:24px 16px}.reports-title{margin:24px 0;font-size:20px;font-weight:600;color:#ffbe38;text-align:center}.emoji-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.emoji-card{background-color:#343243;padding:16px;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s ease}.emoji-card:hover{transform:translateY(-4px)}.emoji-count{font-size:18px;font-weight:600}.monthly-report{margin-top:32px;background-color:#343243;padding:24px;border-radius:16px;box-shadow:0 0 8px #fdf0034d}.monthly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.monthly-header select{background-color:#1c1a28;color:#fff;border:1px solid #4e5d72;border-radius:8px;padding:6px 10px;transition:all .2s ease}.monthly-header select:focus{outline:none;border-color:#ffbe38}.chart-container{width:100%;height:300px}.no-data{text-align:center;color:#ff6b6b;margin-top:20px}.notfound-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px}.notfound-title{font-size:96px;font-weight:700;color:#ffbe38;margin-bottom:8px}.notfound-text{font-size:18px;color:#64748b;margin-bottom:24px}.notfound-link{padding:10px 16px;background-color:#ffbe38;color:#000;border-radius:6px;text-decoration:none;font-weight:500}.notfound-link:hover{opacity:.85}