body{

    background:#f2f2f2;

    font-family:Arial;

}

.container{

    width:1200px;

    margin:30px auto;

}

.topbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:25px;

}

.card{

    background:white;

    padding:20px;

    border-radius:8px;

    margin-bottom:25px;

    box-shadow:0 0 15px rgba(0,0,0,.1);

}

table{

    width:100%;

    border-collapse:collapse;

}

td,th{

    padding:10px;

    border-bottom:1px solid #ddd;

}

input{

    width:400px;

    padding:10px;

}

button{

    padding:10px 20px;

    cursor:pointer;

}

#output{

    margin-top:20px;

    white-space:pre-wrap;

    font-family:monospace;

}

.modal{

    display:none;

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,.45);

}

.modal-content{

    background:white;

    width:700px;

    margin:60px auto;

    padding:25px;

    border-radius:8px;

}

#closeModal{

    float:right;

    font-size:28px;

    cursor:pointer;

}

.info-row{

    margin:18px 0;

}

.info-row label{

    font-weight:bold;

    display:block;

    margin-bottom:5px;

}

.copyButton{

    margin-left:10px;

}
.modal-actions{

    display:flex;

    gap:12px;

    margin-top:30px;

}

.action-btn{

    display:inline-block;

    padding:10px 18px;

    background:#2563eb;

    color:white;

    text-decoration:none;

    border-radius:6px;

    font-weight:bold;

}

.action-btn:hover{

    background:#1d4ed8;

}

.modal-actions button{

    padding:10px 18px;

    cursor:pointer;

}
.details-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

    margin-top:20px;

}

.details-grid .full{

    grid-column:1 / span 2;

}

.details-grid input{

    width:100%;

    box-sizing:border-box;

}

.modal-actions{

    display:flex;

    gap:12px;

    margin-top:30px;

}

.action-btn{

    display:inline-block;

    padding:10px 18px;

    background:#2563eb;

    color:#fff;

    text-decoration:none;

    border-radius:6px;

    font-weight:bold;

}

.action-btn:hover{

    background:#1d4ed8;

}

.modal-actions button{

    padding:10px 18px;

    cursor:pointer;

}