body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f5f5f5}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px;box-sizing:border-box}.login-container .login-form{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:100%;max-width:400px}.login-container .login-form h2{text-align:center;color:#333;margin-bottom:20px}.login-container .login-form .form-group{margin-bottom:15px}.login-container .login-form .form-group label{display:block;margin-bottom:5px;color:#555;width:100%}.login-container .login-form .form-group label input[type=text],.login-container .login-form .form-group label input[type=password]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px}.login-container .login-form .form-group label input[type=text]:focus,.login-container .login-form .form-group label input[type=password]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}.login-container .login-form .login-button{background-color:#4a90e2;color:#fff;border:none;padding:10px 15px;width:100%;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.login-container .login-form .login-button:hover{background-color:#3a7bc8}.login-container .login-form .error-message{color:red;margin-bottom:10px;padding:10px;border:1px solid #ff0000;border-radius:4px;background-color:#ffeaea}body{margin:0;padding:0;background-color:#f7f9fc;color:#333}.dashboard{max-width:1000px;margin:0 auto;padding:20px}.dashboard-loading{text-align:center;padding:20px}.dashboard-container{display:flex;gap:10px}.dashboard-hander{display:flex;justify-content:center;align-items:center;width:100%;margin-top:30px}.dashboard-logo{margin-right:10px;margin-bottom:3px;width:40px;height:auto}.dashboard-logo img{width:100%;height:auto;display:block}.dashboard-title{display:flex;justify-content:center;align-items:center}.dashboard-title h1{margin:0;font-size:30px;color:#2c3e50}.preview-section{flex:4;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:10px}.links-container{width:100%;display:grid;grid-template-columns:repeat(1,1fr);margin-top:5%;gap:10px}.links-container .group-container{background-color:#fff;border-radius:6px;padding:15px;box-sizing:border-box}.links-container .group-container h2{color:#444;margin-top:0;margin-bottom:10px;font-size:25px;text-align:left}.links-container .link-list{list-style-type:none;padding:5px;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.links-container .link-item{display:flex;align-items:center;margin-bottom:0;padding:px;border-radius:4px;transition:all .2s ease;cursor:pointer;width:fit-content}.links-container .link-item .links-index{display:flex;align-items:center;color:#3853a4;font-weight:700;font-size:13px}.links-container .link-item a{color:#3853a4;text-decoration:none;font-weight:500;transition:color .2s;font-size:15px}.links-container .link-item a:hover{color:#1a5276}.links-container .link-item:hover{background-color:#e9f5ff;transform:translateY(-1px);box-shadow:0 1px 4px #0000001a}@media (max-width: 980px){.dashboard{padding:10px}.dashboard-logo{margin-right:10px;width:20px;height:auto}.preview-section h1{font-size:20px;padding:5px 0}.links-container{gap:10px}.links-container .link-list{grid-template-columns:repeat(3,1fr);justify-content:center}.group-container{padding:10px}}@media (max-width: 576px){.dashboard-logo{margin-right:10px;width:20px;height:auto;margin-bottom:14px}.dashboard-container{flex-direction:column}.preview-section h1{font-size:18px;margin-bottom:15px}.links-container .link-item{padding:6px}.links-container .link-item a{font-size:13px}.links-container .link-list{grid-template-columns:repeat(2,1fr);justify-content:center}}body{background-color:#f5f7fa;margin:0;padding:0;color:#333}body .admin-panel{max-width:1200px;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 0 10px #0000000d;border-radius:8px;min-height:calc(100vh - 40px)}body .admin-panel .admin-title{display:flex;justify-content:space-between;align-items:center;padding:10px 0;margin-bottom:20px;border-bottom:1px solid #eee;flex-wrap:wrap}body .admin-panel .admin-title h1{margin:0;color:#2c3e50;font-weight:400;flex:1;text-align:center;font-weight:700}body .admin-panel .admin-title button{background-color:#3498db;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s;font-size:14px;margin-left:10px}body .admin-panel .admin-title button:hover{background-color:#2980b9}body .admin-panel .section{margin-bottom:40px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d}body .admin-panel .section:last-child{margin-bottom:0}body .admin-panel .section h2{margin-top:0;color:#3498db;border-bottom:1px solid #eee;padding-bottom:10px}body .admin-panel .section .form-group{display:flex;gap:15px;margin-bottom:20px;align-items:flex-end}body .admin-panel .section .form-group input,body .admin-panel .section .form-group select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;flex:1}body .admin-panel .section .form-group input:focus,body .admin-panel .section .form-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 5px #4a90e280}body .admin-panel .section .form-group button{background-color:#3498db;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s}body .admin-panel .section .form-group button:hover{background-color:#2980b9}body .admin-panel .groups-container{margin-top:20px}body .admin-panel .groups-container .group-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #eee;border-radius:4px;margin-bottom:10px;background-color:#f8f9fa}body .admin-panel .groups-container .group-item div strong{color:#2c3e50;margin-bottom:5px;display:block}body .admin-panel .groups-container .group-item div p{color:#7f8c8d;font-size:14px;margin:0}body .admin-panel .link-mid-container{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}body .admin-panel .link-mid-container .link-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #eee;border-radius:4px;margin-bottom:10px;background-color:#f8f9fa;width:85%}body .admin-panel .link-mid-container .link-item div strong{color:#2c3e50;margin-bottom:5px;display:block}body .admin-panel .link-mid-container .link-item div p{color:#7f8c8d;font-size:14px;margin:0}body .admin-panel .group-actions,body .admin-panel .link-actions{display:flex;gap:10px}body .admin-panel .group-actions button,body .admin-panel .link-actions button{background-color:transparent;border:1px solid #ddd;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}body .admin-panel .group-actions button:hover,body .admin-panel .link-actions button:hover{background-color:#f1f1f1}body .admin-panel .group-actions button.delete,body .admin-panel .group-actions button.delete:hover,body .admin-panel .link-actions button.delete,body .admin-panel .link-actions button.delete:hover{color:#e74c3c;border-color:#e74c3c}body .admin-panel .group-actions button.delete:hover,body .admin-panel .link-actions button.delete:hover{background-color:#fadbd8}