.admin-container{width:80%;margin:auto;padding:20px;font-family:Arial,sans-serif}.login-container{display:flex;flex-direction:row;min-height:100vh;background:linear-gradient(135deg,#e0f7fa,#80deea);font-family:Segoe UI,sans-serif}.welcome-section{flex:1;color:#004d40;padding:3rem;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#009688,#004d40);color:#fff}.welcome-section h1{font-size:2.5rem;margin-bottom:1rem}.welcome-section p{font-size:1.1rem;line-height:1.6}.form-section{flex:1;padding:3rem;display:flex;flex-direction:column;justify-content:center;background:#fff;box-shadow:-5px 0 15px #0000000d}.form-section h2{margin-bottom:1.5rem;color:#333}form{display:flex;flex-direction:column}label{margin-top:1rem;margin-bottom:.5rem;font-weight:600;color:#444}input{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border .3s ease}input:focus{border:1px solid #009688;outline:none}.error-box{background:#ffe0e0;color:#d32f2f;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.login-btn{margin-top:2rem;padding:.85rem;background:#009688;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease,background .2s ease}.login-btn:hover{background:#00796b;transform:translateY(-2px)}.footer-text{margin-top:1.5rem;font-size:.85rem;color:#555}.footer-text a{color:#009688;text-decoration:none}.footer-text a:hover{text-decoration:underline}@media (max-width: 900px){.login-container{flex-direction:column}.welcome-section,.form-section{flex:none;width:100%;min-height:50vh}.welcome-section{text-align:center;padding:2rem}.form-section{padding:2rem}}nav{position:sticky;top:0;display:flex;justify-content:space-around;background:linear-gradient(90deg,#104d61,#43b9e0);color:#fff;font-size:25px;z-index:1000}nav>ul{width:50%;display:flex;justify-content:space-evenly;list-style:none;transition:all .1 ease-in}.links{text-decoration:none;color:#fff}.links:hover{border-bottom:2px solid rgb(224,27,60)}.logo{display:flex;justify-content:center;align-items:center;font-size:30px}.updrade-container{height:100vh;background-color:teal;display:flex;overflow:hidden;margin-top:auto}.main-container{width:50%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;color:#fff;background-repeat:no-repeat;object-fit:cover;background-size:cover}.rotate-container{display:flex;justify-content:center;align-items:center;width:100vh;height:100vh;background-color:#fff;align-self:flex-end;transform:rotate(-20deg);border-radius:4rem}.rotate-container>img{background:hidden}.checkout-btn{background-color:transparent;color:#000}.main-container>p{font-size:26px}.btn{width:100%;display:flex;flex:wrap;justify-content:center}.btn>button{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff;font-size:1.1rem;font-weight:600;padding:12px 28px;border:none;border-radius:12px;box-shadow:0 6px 15px #00000026;transition:all .2s ease-in-out}.btn>button:hover{background:#fff;color:#0d9488;cursor:pointer;transform:translateY(-6px) scale(1.05);box-shadow:0 10px 20px #0003}@media screen and (max-width:780px){.rotate-container{display:none}.main-container{width:100%}}.user-details{border-radius:2px;padding:10px;background-color:#979595;margin-bottom:10px;color:#fff}.user-details>h1{margin:0}.notes-list{display:grid;padding:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:20px}.note-card{border-radius:20px;background:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003;color:#000;text-align:center;transition:transform .3s ease,box-shadow .3s ease}h2{transition:transform .3s ease-in;background-color:teal;padding:10px;text-align:center;color:#fff}.new-note-container{display:flex;justify-content:center;align-items:center;padding-right:auto}.new-note-container>input{width:100%}.btn-container{display:flex;justify-content:center}.btn-container>button{background-color:#4d04e9}.btn-container>button:hover{cursor:pointer;background-color:#4c1db3}.admin-container{padding:10px;background-color:#fff;border-radius:10px}.heading{background:linear-gradient(0deg,#e41713d0,#be5021d0,#32ab73d0);-webkit-background-clip:text;background-clip:text;color:transparent}input,textarea{display:block;min-width:90%;max-width:98%;max-height:200px;min-height:50px;margin:5px 0;padding:8px;font-weight:700;border:1px solid #ddd;border-radius:5px}.notes-list{display:grid;padding:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.note-card{border:1px solid #ccc;padding:15px;border-radius:8px;background:#fafafa}.note-card{border-radius:20px;background:#ffffff1a;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0003;color:#000;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.note-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #0000004d}button{margin-left:10px;padding:15px;background-color:#24249b;color:#fff;font-weight:700}button:hover{background:#0808ecf7}h2{transition:transform .3s ease-in}h2:hover{transform:translateY(-5px)}.member-form,.new-note-container{display:flex;flex-wrap:wrap;padding:10px}.member-form>input,.new-note-container>input{width:100%;padding:20px;transition:border .1s ease-in-out;font-size:25px}.member-form>input:hover,.new-note-container>input:hover{border:2px solid rgb(244,66,96)}