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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;margin:0}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-box{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.form-group{margin-bottom:15px}input,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:8px}.btn,.btn-primary{background-color:#61dafb;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer}.btn:hover,.btn-primary:hover{background-color:#5a67d8}.admin-container{display:flex;flex-direction:column;min-height:100vh;background:#f4f6f9}.admin-header{display:flex;justify-content:space-between;background:#4c51bf;color:#fff;padding:15px 30px}.sidebar{width:200px;background:#2d3748;color:#fff;padding:10px}.sidebar-item{padding:10px;cursor:pointer;border-radius:5px}.sidebar-item.active{background:#4a5568}.sidebar-item:hover{background:#4a5590}.admin-content{display:flex}.main-content{flex:1;padding:20px}.content-section{display:none}.content-section.active{display:block}.success-message{color:green;display:none;margin-bottom:10px}.project-form input,.project-form textarea{display:block;margin-bottom:10px;padding:8px;width:300px}.project-form button{padding:8px 12px;background-color:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer}.projects-list{margin-top:20px}.project-card{border:1px solid #ccc;padding:10px;margin-bottom:10px;border-radius:8px}.content-section{padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:800px}.content-section h2{margin-bottom:20px;color:#333;font-family:Arial,sans-serif}.article-form{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.article-form input[type=text],.article-form textarea{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px;width:100%;box-sizing:border-box;resize:vertical}.article-form button{padding:10px 20px;background-color:#007bff;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.article-form button:hover{background-color:#0056b3}.articles-list{display:flex;flex-direction:column;gap:15px}.article-card{background:#fff;padding:15px;border-radius:10px;box-shadow:0 1px 6px #0000001a;display:flex;flex-direction:column;gap:10px}.article-card h3{margin:0;color:#333}.article-card p{margin:0;color:#555}.button-delete{align-self:flex-start;padding:6px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.button-delete:hover{background-color:#a71d2a}.article-form .button-add{align-self:flex-start;padding:6px 12px;background-color:#8fbc8f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.article-form .button-add:hover{background-color:#2f4f4f}.project-form .button-add-project{align-self:flex-start;padding:6px 12px;background-color:#8fbc8f;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.project-form .button-add-project:hover{background-color:#2f4f4f}