*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:#f0f2f5;color:#333}button,input,textarea,a{transition:.25s ease}.layout{display:flex;height:100vh}.sidebar{width:260px;background:#1f1f1f;color:#fff;padding:25px;display:flex;flex-direction:column;border-right:1px solid #333}.sidebar h3{font-size:20px;margin-bottom:20px;opacity:.9}.sidebar .btn{display:block;background:#4caf50;padding:10px;border-radius:6px;text-align:center;margin-bottom:20px;color:#fff;text-decoration:none;font-weight:600}.sidebar .btn:hover{background:#3d8c41}.sidebar ul{list-style:none;margin-top:10px}.sidebar li{margin-bottom:12px}.sidebar a{color:#ccc;text-decoration:none;font-size:15px;display:block;padding:8px;border-radius:6px}.sidebar a:hover{background:#333;color:#fff}.content{flex:1;padding:40px;overflow-y:auto}.page{max-width:700px;margin:auto;background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 24px #00000014;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page h2{margin-bottom:25px;font-size:24px;color:#222}input,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #ddd;background:#fafafa;margin-bottom:15px;font-size:15px}input:focus,textarea:focus{outline:none;border-color:#4caf50;background:#fff}textarea{min-height:120px;resize:vertical}button{padding:12px 20px;background:#4caf50;border:none;color:#fff;font-size:15px;border-radius:8px;cursor:pointer;margin-top:10px}button:hover{background:#3d8c41}.danger{background:#e53935}.danger:hover{background:#c62828}.ai-btn{background:#1976d2}.ai-btn:hover{background:#145a9e}.login-page{width:350px;margin:120px auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 10px 35px #0000001f;animation:fadeIn .4s ease}.login-page h2{margin-bottom:20px;text-align:center}@media(max-width:700px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;overflow-x:auto}.sidebar h3{display:none}.sidebar ul{display:flex}.sidebar li{margin-right:10px}.page{margin-top:20px}}.loader{border:4px solid #eee;border-top:4px solid #4caf50;width:28px;height:28px;border-radius:50%;margin-top:10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:#4caf50;color:#fff;padding:12px 20px;border-radius:8px;position:absolute;top:20px;right:20px;animation:fade-slide .4s ease;box-shadow:0 4px 12px #00000026}@keyframes fade-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}button:disabled{opacity:.6;cursor:not-allowed}.logout-btn{margin-top:auto;background:#e53935;color:#fff;padding:12px;border-radius:6px;border:none;cursor:pointer;width:100%}.logout-btn:hover{background:#c62828}