.sidebar{width:16rem;height:100vh;background:#0c0f16f2;border-right:1px solid rgba(10,227,255,.1);display:flex;flex-direction:column;padding:1.5rem;position:fixed;left:0;top:0}.sidebar__logo{font-size:1.5rem;font-weight:600;margin-bottom:3rem;letter-spacing:-.025em}.sidebar__logo-highlight{background:linear-gradient(to right,#0ae3ff,#7bf7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:.5rem}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#a8b0c0;transition:all .3s;text-decoration:none}.sidebar__link svg{width:1.25rem;height:1.25rem}.sidebar__link:hover{background:#0ae3ff1a;color:#0ae3ff}.sidebar__link.active{background:#0ae3ff26;color:#0ae3ff;border-left:3px solid #0AE3FF}.sidebar__logout{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;cursor:pointer;transition:all .3s}.sidebar__logout svg{width:1.25rem;height:1.25rem}.sidebar__logout:hover{background:#ef444433}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0c10;padding:1.5rem}.login-page__container{width:100%;max-width:28rem}.login-page__card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(10,227,255,.1);border-radius:1rem;padding:2.5rem}.login-page__title{text-align:center;margin-bottom:2rem;background:linear-gradient(to right,#0ae3ff,#7bf7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-page__error{padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444;margin-bottom:1.5rem;text-align:center}.login-page__form{display:flex;flex-direction:column;gap:1.5rem}.login-page__field{display:flex;flex-direction:column;gap:.5rem}.login-page__label{color:#a8b0c0;font-size:.875rem}.login-page__input{padding:.75rem 1rem;background:#0a0c10;border:1px solid rgba(10,227,255,.2);border-radius:.5rem;color:#fff;transition:border-color .3s}.login-page__input:focus{outline:none;border-color:#0ae3ff}.login-page__input::placeholder{color:#a8b0c0}.login-page__button{padding:.875rem;background:linear-gradient(to right,#0ae3ff,#1b91f7);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.login-page__button:hover{box-shadow:0 0 30px #0ae3ff80}.dashboard{display:flex;min-height:100vh;background:#0a0c10;color:#fff}.dashboard__content{flex:1;margin-left:16rem}.dashboard__header{background:#0c0f1680;border-bottom:1px solid rgba(10,227,255,.1);padding:1.5rem}.dashboard__title{background:linear-gradient(to right,#0ae3ff,#7bf7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard__container{max-width:80rem;margin:0 auto;padding:2rem 1.5rem}.dashboard__actions{margin-bottom:2rem}.dashboard__add{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,#0ae3ff,#1b91f7);border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .3s}.dashboard__add:hover{box-shadow:0 0 30px #0ae3ff80}.dashboard__table{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(10,227,255,.1);border-radius:.75rem;overflow-x:auto}.dashboard__table table{width:100%;border-collapse:collapse}.dashboard__table th,.dashboard__table td{padding:1rem;text-align:left;border-bottom:1px solid rgba(10,227,255,.1)}.dashboard__table th{background:#0ae3ff0d;color:#0ae3ff;font-weight:600}.dashboard__table tbody tr:hover{background:#0ae3ff0d}.dashboard__row-actions{display:flex;gap:.5rem}.dashboard__edit,.dashboard__delete{padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.dashboard__edit svg,.dashboard__delete svg{width:1rem;height:1rem}.dashboard__edit{background:#0ae3ff1a;color:#0ae3ff}.dashboard__edit:hover{background:#0ae3ff33}.dashboard__delete{background:#ef44441a;color:#ef4444}.dashboard__delete:hover{background:#ef444433}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.modal{background:#0c0f16f2;border:1px solid rgba(10,227,255,.2);border-radius:1rem;padding:2rem;max-width:40rem;width:100%;max-height:90vh;overflow-y:auto}.modal__title{margin-bottom:1.5rem;color:#0ae3ff}.modal__form{display:flex;flex-direction:column;gap:1.25rem}.modal__field{display:flex;flex-direction:column;gap:.5rem}.modal__field label{color:#a8b0c0;font-size:.875rem}.modal__field input,.modal__field textarea{padding:.75rem;background:#0a0c10;border:1px solid rgba(10,227,255,.2);border-radius:.5rem;color:#fff;transition:border-color .3s}.modal__field input:focus,.modal__field textarea:focus{outline:none;border-color:#0ae3ff}.modal__field textarea{resize:vertical;font-family:inherit}.modal__file{padding:.5rem!important;cursor:pointer}.modal__preview{width:100%;max-width:20rem;height:auto;border-radius:.5rem;margin-top:.5rem}.modal__actions{display:flex;gap:1rem;margin-top:1rem}.modal__cancel,.modal__submit{flex:1;padding:.75rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .3s;font-weight:600}.modal__cancel{background:#ffffff0d;color:#fff}.modal__cancel:hover{background:#ffffff1a}.modal__submit{background:linear-gradient(to right,#0ae3ff,#1b91f7);color:#fff}.modal__submit:hover{box-shadow:0 0 30px #0ae3ff80}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0c10;color:#fff;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit}