body{background:#454a56;margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;position:relative;word-wrap:break-word}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}ul{padding-left:20px}.flex-row{display:flex;justify-content:flex-start;flex-wrap:wrap}.flex-between{justify-content:space-between}.items-center{align-items:center}.mb-0{margin-bottom:0}.mt-0{margin-top:0}ul.flex-row{margin-top:5px;margin-bottom:5px}.flex-row>li{margin-right:40px;font-weight:700}ol{padding-left:15px}.flex{display:flex;justify-content:space-between;align-items:center}.container{width:96vw;margin:0 auto;background:#454a56;overflow:hidden;min-height:100vh;position:relative}.card{position:fixed;width:80vw;background:#fff;border-radius:20px;padding:20px;height:90vh;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.scroll{padding:12px;overflow-y:auto;height:84%}.scroll::-webkit-scrollbar{width:3px}.scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #ccc}.scroll::-webkit-scrollbar-thumb{background-color:#454a56}li{margin:10px 0}a{color:#0d0dfa;text-decoration:none;padding-bottom:2px}a:hover{border-bottom:2px solid #0d0dfa}.source-code{text-decoration:none;color:#8c0505;font-weight:700}.source-code:hover{border-bottom:2px solid #8c0505}button{background:#454a56;color:#fff;outline:none;cursor:pointer;padding:5px 10px;border-right:1px solid #fff;border-top:1px solid #454a56;border-left:1px solid #454a56;border-bottom:1px solid #454a56;font-size:20px}button:hover{background:#f5f2f2}.active,button:hover{color:#454a56;border-right:1px solid #454a56}.active{background:#fff}.admin-btn{position:fixed;top:20px;right:20px;z-index:1000}.admin-btn button{background:#ff6b6b;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.admin-panel{background:#f8f9fa;border:2px solid #007bff;border-radius:8px;padding:15px;margin:20px auto;position:relative;z-index:100;width:95%;max-width:1200px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.logout-btn{background:#dc3545;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.admin-actions{display:flex;gap:10px;margin-bottom:15px;align-items:center}.admin-actions select{padding:8px;border:1px solid #ddd;border-radius:4px}.admin-actions button{background:#28a745;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px}.edit-projects{background:#fff;padding:15px;border-radius:4px;border:1px solid #ddd}.project-item{display:flex;gap:10px;align-items:center;margin-bottom:10px;padding:10px;border:1px solid #eee;border-radius:4px}.project-fields{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;flex:1}.project-fields input{padding:5px;border:1px solid #ddd;border-radius:4px;font-size:12px}.remove-btn{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;white-space:nowrap}.remove-btn:hover{background:#c82333}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;padding:30px;border-radius:8px;min-width:400px;max-width:90vw;max-height:90vh;overflow-y:auto}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.form-group textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.form-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.form-actions button[type=submit]{background:#28a745;color:#fff}.form-actions button[type=button]{background:#6c757d;color:#fff}.error-message{color:#dc3545;margin-top:10px;text-align:center;padding:8px;background:#f8d7da;border-radius:4px}@media (max-width:768px){.project-fields{grid-template-columns:1fr;gap:5px}.admin-actions,.project-item{flex-direction:column;align-items:stretch}.admin-actions button,.admin-actions select{width:100%;margin-bottom:5px}.modal-content{min-width:90vw;padding:20px}.grid-4{grid-template-columns:1fr 1fr}button{font-size:16px}}@media (max-width:450px){.grid-4{grid-template-columns:1fr}.card{padding:10px 10px 30px 10px}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.admin-actions button:hover{opacity:.9;transform:translateY(-1px)}.project-fields input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.modal-overlay{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){.flex{flex-wrap:wrap;justify-content:flex-start}.card{max-width:98vw}}