body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-title{color:#333;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.auth-subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.form-row{display:flex;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.half{flex:1 1}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .3s}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;transition:transform .2s,box-shadow .2s}.auth-button:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{background-color:#fee;border-left:4px solid #c33;color:#c33}.error-message,.success-message{border-radius:6px;padding:12px 15px}.success-message{background-color:#efe;border-left:4px solid #3c3;color:#3c3}.auth-links{align-items:center;display:flex;font-size:14px;gap:10px;justify-content:center;margin-bottom:20px}.auth-link{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{color:#764ba2;text-decoration:underline}.auth-divider{color:#ddd}.auth-footer{color:#666;font-size:14px;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width:600px){.auth-card{padding:30px 20px}.auth-title{font-size:24px}.form-row{flex-direction:column;gap:20px}.form-group.half{flex:1 1}}.management-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:35px}.management-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin-bottom:25px;margin-top:0}.table-container{border-radius:12px;margin-top:20px;overflow-anchor:none;overflow-x:auto;width:100%}.search-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-size:15px;min-width:250px;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-2px)}.search-input::placeholder{color:#999}.modern-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden;width:100%}.modern-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modern-table thead th{font-size:13px;font-weight:700;letter-spacing:1px;padding:16px 18px;text-align:left;text-transform:uppercase}.modern-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .3s cubic-bezier(.4,0,.2,1)}.modern-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 12px #667eea1a}.modern-table tbody tr:last-child{border-bottom:none}.modern-table td{color:#333;font-size:14px;font-weight:500;padding:16px 18px}.modern-table td:first-child{color:#667eea;font-weight:700}.delete-btn,.edit-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:8px;padding:10px 18px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.delete-btn:hover,.edit-btn:hover{box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-3px)}.edit-btn:hover{box-shadow:0 6px 16px #4caf5066}.delete-btn:active,.edit-btn:active{transform:translateY(0)}.error,.loading{border-radius:12px;font-size:16px;font-weight:600;margin-top:20px;padding:30px;text-align:center}.error{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:5px solid #c62828;color:#c62828}.loading{background:linear-gradient(135deg,#e8eaf6,#f3e5f5);border-left:5px solid #667eea;color:#667eea}.no-data{background:linear-gradient(135deg,#f5f5f5,#efefef);border-radius:12px;color:#999;font-size:16px;font-weight:600;margin-top:20px;padding:50px 20px;text-align:center}.status-badge{border-radius:20px;font-size:12px;padding:6px 14px}@media (max-width:768px){.modern-table{border-radius:10px;font-size:12px}.modern-table thead th{font-size:11px;padding:12px 14px}.modern-table td{font-size:13px;padding:12px 14px}.delete-btn,.edit-btn{font-size:11px;margin-right:6px;padding:8px 14px}.search-input{font-size:14px;min-width:200px}}@media (max-width:480px){.management-container{border-radius:14px;padding:16px}.management-container h2{font-size:20px;margin-bottom:20px}.modern-table{border-radius:8px;font-size:11px}.modern-table thead th{font-size:10px;padding:10px 8px}.modern-table td{font-size:12px;padding:10px 8px}.delete-btn,.edit-btn{font-size:9px;margin-right:4px;padding:6px 10px}.search-container{gap:8px}.search-input{font-size:16px;min-width:100%}.no-data{font-size:14px;padding:30px 15px}.error,.loading{font-size:14px;padding:20px 15px}}.pagination-controls{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1a;border-radius:10px;display:flex;gap:20px;justify-content:center;margin-top:25px;padding:20px;pointer-events:auto;-webkit-user-select:none;user-select:none}.pagination-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#667eea;font-size:14px;font-weight:700;min-width:200px;text-align:center}@media (max-width:768px){.pagination-controls{flex-wrap:wrap;gap:12px}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-info{order:-1;width:100%}}.calendar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:35px}.calendar-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;margin-bottom:25px;margin-top:0}.calendar-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:25px}.today-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.today-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.view-toggle{background:#f5f5f5;border-radius:8px;display:flex;gap:8px;padding:6px}.toggle-btn{background:#fff;border:2px solid #0000;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease}.toggle-btn:hover{background:#f0f0f0}.toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.month-nav,.week-nav{align-items:center;display:flex;gap:15px}.month-nav button,.week-nav button{align-items:center;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:6px;justify-content:center;line-height:1;min-width:45px;padding:10px 16px;transition:all .3s ease}.month-nav button:hover,.week-nav button:hover{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.05)}.nav-chevron{stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.month-nav span,.week-nav span{color:#333;font-size:14px;font-weight:700;min-width:150px;text-align:center}.calendar-content{margin-top:25px}.day-view{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.month-calendar{background:#f9f9f9;border:2px solid #f0f0f0;border-radius:12px;padding:20px}.calendar-header{color:#667eea;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-align:center;text-transform:uppercase}.calendar-grid,.calendar-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.calendar-day{aspect-ratio:1;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:8px;transition:all .3s ease}.calendar-day:hover:not(.empty){background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.calendar-day:hover:not(.empty) .day-appointments,.calendar-day:hover:not(.empty) .day-number{color:inherit}.calendar-day.selected:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 16px #667eea66;color:#fff}.calendar-day.today:hover{background:linear-gradient(135deg,#ff6b6b,#ff8c42);box-shadow:0 6px 16px #ff6b6b80;color:#fff}.calendar-day.empty{background:#0000;border:none;cursor:default}.calendar-day.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.calendar-day.today{background:linear-gradient(135deg,#ff6b6b,#ff8c42);border:2px solid #ff6b6b;box-shadow:0 4px 16px #ff6b6b66,inset 0 1px 0 #fff3;color:#fff;font-weight:700;overflow:hidden;position:relative}.calendar-day.today:before{animation:shimmer 2s infinite;background:radial-gradient(circle,#ffffff4d,#0000);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.calendar-day.today .day-number{color:#fff;font-size:14px;font-weight:800}.calendar-day.today .day-appointments{color:#fff}.calendar-day.today .appointment-count{background:#ffffff4d;color:#fff}.day-number{font-size:13px;font-weight:700}.day-appointments{color:#666;font-size:11px;text-align:center}.calendar-day.selected .day-appointments{color:#fff}.appointment-count{background:#ffc8004d;border-radius:4px;color:#333;font-size:10px;font-weight:700;padding:3px 6px}.calendar-day.selected .appointment-count{background:#ffffff4d;color:#fff}.calendar-day:hover:not(.empty) .appointment-count{background:#ffc80080;color:#333}.day-details{background:#f9f9f9;border:2px solid #f0f0f0;border-radius:12px;padding:25px}.day-details h3{border-bottom:3px solid #667eea;color:#667eea;font-size:18px;margin-bottom:20px;margin-top:0;padding-bottom:12px}.no-appointments{color:#999;font-weight:600;padding:30px 20px;text-align:center}.appointments-list{display:flex;flex-direction:column;gap:15px}.appointment-card{background:#fff;border-left:5px solid #667eea;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:16px;transition:all .3s ease}.appointment-card:hover{box-shadow:0 4px 12px #667eea26;transform:translateX(4px)}.appointment-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.appointment-time{color:#667eea;font-size:14px}.appointment-details{color:#555;display:flex;flex-direction:column;font-size:13px;gap:8px}.appointment-details div{display:flex;justify-content:space-between}.appointment-details strong{color:#333;font-weight:700}.week-view{background:#f9f9f9;border:2px solid #f0f0f0;border-radius:12px;overflow-x:auto}.week-header{grid-gap:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;font-weight:700;gap:0;grid-template-columns:60px repeat(7,1fr);position:-webkit-sticky;position:sticky;top:0;z-index:10}.week-day-header{border-right:1px solid #fff3;font-size:12px;padding:16px 12px;text-align:center}.week-day-header:last-child{border-right:none}.week-day-name{font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.week-day-date{font-size:14px}.week-day-date.today{background:gold;border-radius:4px;color:#333;padding:2px 6px}.week-grid{display:flex;flex-direction:column}.week-hour-row{grid-gap:0;border-bottom:1px solid #e0e0e0;display:grid;gap:0;grid-template-columns:60px repeat(7,1fr);min-height:80px}.week-hour-row:last-child{border-bottom:none}.hour-label{align-items:center;background:#f5f5f5;border-right:2px solid #e0e0e0;color:#667eea;display:flex;font-size:11px;font-weight:700;justify-content:center;padding:8px 12px}.week-hour-cell{background:#fff;border-right:1px solid #e0e0e0;padding:8px;position:relative}.week-hour-cell:last-child{border-right:none}.week-appointment{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 6px #667eea4d;color:#fff;font-size:10px;margin-bottom:4px;padding:8px}.appointment-time{font-size:9px;font-weight:700;margin-bottom:2px}.appointment-patient{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-room{font-size:9px;opacity:.9}.status-badge{border-radius:12px;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge.scheduled{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.status-badge.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.status-badge.cancelled{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.status-badge.no_show{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}@media (max-width:1024px){.day-view{grid-template-columns:1fr}.calendar-controls{align-items:stretch;flex-direction:column}.month-nav,.week-nav{justify-content:space-between}}@media (max-width:768px){.calendar-container{padding:20px}.calendar-container h2{font-size:22px;margin-bottom:18px}.calendar-controls{gap:12px}.calendar-day{padding:6px}.calendar-day,.day-number{font-size:12px}.appointment-count{font-size:9px;padding:2px 4px}.day-details,.month-calendar{padding:15px}.day-details h3{font-size:16px;margin-bottom:15px}.appointment-card{padding:12px}.week-header,.week-hour-row{grid-template-columns:50px repeat(7,1fr)}.week-hour-row{min-height:70px}.week-day-header{padding:12px 8px}}@media (max-width:480px){.calendar-container{padding:16px}.calendar-container h2{font-size:18px;margin-bottom:15px}.calendar-controls{flex-direction:column;gap:10px}.today-btn{width:100%}.view-toggle{justify-content:space-around;width:100%}.toggle-btn{flex:1 1;font-size:12px;padding:8px 12px}.month-nav,.week-nav{justify-content:space-between;width:100%}.month-nav span,.week-nav span{font-size:12px;min-width:auto}.day-view{grid-template-columns:1fr}.day-details,.month-calendar{padding:12px}.calendar-header{font-size:10px;gap:4px;margin-bottom:8px}.calendar-grid{gap:4px}.calendar-day{aspect-ratio:auto;min-height:50px;padding:6px}.calendar-day,.day-number{font-size:11px}.day-details h3{font-size:14px;margin-bottom:12px}.appointment-card{border-left-width:4px;padding:10px}.appointment-time{font-size:12px}.appointment-details{font-size:12px;gap:6px}.week-header{font-size:10px;grid-template-columns:40px repeat(7,1fr)}.week-day-header{padding:8px 6px}.week-hour-row{grid-template-columns:40px repeat(7,1fr);min-height:60px}.hour-label{font-size:9px;padding:4px 6px}.week-hour-cell{padding:4px}.week-appointment{font-size:9px;margin-bottom:2px;padding:4px}}*{box-sizing:border-box}.dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh}.sidebar{background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:4px 0 20px #00000026;color:#fff;display:flex;flex-direction:column;overflow-y:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.sidebar.closed{overflow:hidden;width:0}.sidebar-header{align-items:center;background:#0000001a;border-bottom:2px solid #ffffff26;display:flex;justify-content:center;padding:25px 20px}.sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e8e8ff);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:800;letter-spacing:3px;margin:0}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px 10px}.nav-item{align-items:center;background:#ffffff0d;border:2px solid #0000;border-radius:10px;color:#ffffffe6;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:15px;margin:4px 10px;padding:14px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateX(6px)}.nav-item.active{background:#ffffff40;border-left:4px solid;border-color:#ffd70080;box-shadow:0 4px 12px #0003;padding-left:16px}.nav-icon{font-size:20px;min-width:24px;text-align:center}.nav-text{flex:1 1}.sidebar-footer{border-top:2px solid #fff3;padding:20px 10px}.logout-btn{align-items:center;background:linear-gradient(135deg,#ff50504d,#ff787833);border:2px solid #ff64644d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:15px;margin:10px;padding:14px 20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.logout-btn:hover{background:linear-gradient(135deg,#ff3c3c80,#ff64644d);border-color:#ff646499;box-shadow:0 4px 12px #ff64644d;transform:translateX(6px)}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.top-header{background:linear-gradient(90deg,#667eea,#764ba2 50%,#6d28d9);box-shadow:0 4px 20px #00000026;color:#fff;flex-wrap:nowrap;gap:15px;justify-content:space-between;padding:16px 24px;z-index:10}.header-left,.top-header{align-items:center;display:flex}.header-left{flex:1 1;gap:12px;min-width:0}.menu-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:block;display:flex;flex-shrink:0;font-size:20px;height:30px;justify-content:center;line-height:1;margin:0;padding:0;transition:transform .2s,opacity .3s;width:30px}.menu-toggle:hover{opacity:.8;transform:scale(1.1)}@media (max-width:768px){.menu-toggle{font-size:18px;height:28px;width:28px}}@media (max-width:480px){.menu-toggle{font-size:16px;height:26px;width:26px}}.top-header h1{font-size:28px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.top-header h1{font-size:18px}}@media (max-width:480px){.top-header h1{font-size:14px}}.header-right{display:flex;gap:15px}.logout-button{background:linear-gradient(135deg,#ff5050e6,#ff7878cc);border:2px solid #ff969680;border-radius:8px;font-size:14px;font-weight:700;letter-spacing:.5px;padding:10px 22px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:hover{background:linear-gradient(135deg,#ff3c3c,#ff6464);border-color:#fff;box-shadow:0 6px 16px #ff646466;transform:translateY(-2px)}.content-area{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);flex:1 1;overflow-y:auto;padding:30px}.section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:35px}.section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border-bottom:3px solid #667eea;font-size:28px;font-weight:800;margin-bottom:25px;margin-top:0;padding-bottom:15px}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;width:260px;z-index:1000}.sidebar.closed{display:none}.sidebar-toggle{display:block}.sidebar-header{justify-content:space-between;padding:20px}.menu-toggle{display:block}.top-header{flex-wrap:wrap;padding:14px 16px}.top-header h1{font-size:18px}.header-left{gap:8px}.nav-text{display:none}.nav-item{margin:3px 8px;padding:12px}.logout-btn,.nav-item{justify-content:center}.logout-btn{margin:8px}.sidebar.open .nav-text{display:inline}.sidebar.open .logout-btn,.sidebar.open .nav-item{justify-content:flex-start}.content-area{padding:16px}.section{border-radius:14px;padding:20px}.section h2{font-size:22px;margin-bottom:18px}}@media (max-width:480px){.dashboard{flex-direction:column;height:auto;min-height:100vh}.sidebar{height:0;left:0;overflow:hidden;position:fixed;top:60px;transition:all .3s ease;width:0;z-index:900}.sidebar.open{background:linear-gradient(180deg,#667eea,#764ba2);height:auto;max-height:calc(100vh - 60px);overflow-y:auto;width:100%}.sidebar.closed{display:none}.top-header{gap:8px;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.top-header h1{font-size:14px}.header-left{gap:6px}.header-right{gap:8px}.logout-button{font-size:10px;padding:8px 12px}.main-content{flex:1 1;order:1}.nav-text{display:inline}.nav-item{margin:4px 10px;padding:14px 20px;width:auto}.logout-btn,.nav-item{justify-content:flex-start}.logout-btn{margin:10px}.content-area{flex:1 1;padding:12px}.section{border-radius:12px;margin-bottom:15px;padding:16px}.section h2{font-size:18px;margin-bottom:15px}}.content-area::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.content-area::-webkit-scrollbar-track{background:#f5f5f5}.content-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#999}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;padding:30px}.form-container h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800;margin-bottom:25px}form{grid-gap:20px;display:grid;gap:20px}form>div{display:flex;flex-direction:column}form>div>label{color:#333;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}form>div>input,form>div>select,form>div>textarea{background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#333;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}form>div>input:focus,form>div>select:focus,form>div>textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea26;outline:none;transform:translateY(-2px)}form>div>input:disabled,form>div>select:disabled,form>div>textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.submit-btn,button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:hover:not(:disabled),button[type=submit]:hover{box-shadow:0 8px 24px #667eea80;transform:translateY(-3px)}.submit-btn:disabled,button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.cancel-btn,button[type=button]{background:linear-gradient(135deg,#e0e0e0,#ccc);border:2px solid #bbb;border-radius:10px;color:#333;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover,button[type=button]:hover{background:linear-gradient(135deg,#d0d0d0,#b0b0b0);border-color:#999;box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.add-btn,.edit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-btn:hover,.edit-btn:hover{box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:5px solid #c62828;color:#c62828}.error-message,.success-message{border-radius:8px;font-size:14px;font-weight:600;margin-bottom:20px;padding:14px 16px}.success-message{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:5px solid #2e7d32;color:#2e7d32}@media (max-width:768px){.form-container{border-radius:14px;padding:20px}.form-container h3{font-size:18px;margin-bottom:20px}form{gap:16px}form>div>input,form>div>select,form>div>textarea{font-size:16px;padding:12px 14px}.cancel-btn,.submit-btn,button[type=submit]{font-size:13px;padding:12px 24px}}@media (max-width:480px){.form-container{margin-bottom:20px;padding:16px}.form-container h3{font-size:16px;margin-bottom:16px}form{gap:14px}form>div>label{font-size:13px;margin-bottom:8px}form>div>input,form>div>select,form>div>textarea{border-radius:8px;font-size:16px;padding:12px}form>div>textarea{min-height:100px}.add-btn,.cancel-btn,.edit-btn,.submit-btn,button[type=submit]{border-radius:8px;font-size:12px;padding:11px 20px;width:100%}}.App{background-color:#f5f5f5;min-height:100vh;text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;justify-content:space-between;padding:20px}.App-header h1{flex:1 1;margin:0}.logout-button{background-color:#ff6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s}.logout-button:hover{background-color:#ff5252}main{margin:0 auto;max-width:800px}form,main{padding:20px}form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}form div{margin:10px 0}input{border:1px solid #ddd;border-radius:4px;padding:10px}button,input{font-size:14px;width:100%}button{background-color:#282c34;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#1a1f26}h2{color:#282c34}ul{list-style:none;padding:0}li{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;margin:10px 0;padding:15px}
/*# sourceMappingURL=main.360bd8dd.css.map*/