.userNav{gap:15px;display:flex}.adminNav{border-left:1px solid #ffffff4d;gap:15px;margin-left:15px;padding-left:15px;display:flex}.globalNav{z-index:100;justify-content:space-between;width:100%;padding:20px 40px;display:flex;position:absolute;top:0;left:0}.navigationButtons{gap:15px;display:flex}input{z-index:10;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;padding:8px}button{color:#fff;cursor:pointer;background-color:#242424;border:none;border-radius:4px;padding:10px}button:hover{background-color:#444}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}section{z-index:0;background:linear-gradient(135deg,#1a1a1a 0%,#2c3e50 100%) fixed;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;display:flex;position:relative}.content{z-index:1;letter-spacing:2px;color:#fff;font-size:4em;position:relative}.termin-btn{margin:50px auto}.card h3{color:#333;margin-top:0;margin-bottom:10px}.card p{color:#555;line-height:1.5}.page-container{box-sizing:border-box;z-index:10;padding:100px 30px 30px;position:relative}.btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}.btn:hover{opacity:.9}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{margin-bottom:8px;font-weight:500}.page-container{overflowY:auto;box-sizing:border-box;z-index:10;width:100vw;height:100vh;padding:100px 30px 30px;position:fixed;top:0;left:0;overflow-y:auto}.card{background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex;box-shadow:0 2px 8px #0000001a}.card h3,.card h4{margin:0}.card p{color:#555;margin:0;font-size:13px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.page-title{color:#fff;margin-bottom:30px}.section-title{color:#fff;margin-bottom:16px}.form-card{background:#fff;border-radius:12px;flex-direction:column;gap:15px;width:100%;max-width:450px;margin:0 auto;padding:30px;display:flex;box-shadow:0 2px 8px #0000001a}.form-card h2{color:#333;margin-bottom:10px}.form-card label{color:#333;margin-bottom:4px;font-size:14px;display:block}.btn{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:700}.btn-blue{background:#2196f3}.btn-red{background:#f44336}.btn-green{background:#4caf50}.btn-gray{background:#888}
