.card{

background:#ffffff;

border:1px solid #e5e7eb;

border-radius:18px;

padding:28px;

box-shadow:0 10px 30px rgba(15,23,42,.06);

transition:.25s;

}

.card:hover{

transform:translateY(-3px);

box-shadow:0 18px 40px rgba(15,23,42,.10);

}

.card-header{

display:flex;

align-items:center;

justify-content:space-between;

margin-bottom:20px;

font-size:15px;

font-weight:600;

color:#6b7280;

}

.card-body{

display:flex;

flex-direction:column;

gap:10px;

}

.card-body h1{

font-size:42px;

font-weight:700;

color:#111827;

line-height:1;

}

.card-body h2{

font-size:34px;

font-weight:700;

color:#111827;

line-height:1;

}

.card-body h3{

font-size:16px;

font-weight:600;

color:#6b7280;

margin-bottom:8px;

}

.card-body p{

font-size:15px;

color:#6b7280;

line-height:1.6;

}

.btn{

height:44px;

padding:0 22px;

border-radius:10px;

display:inline-flex;

align-items:center;

justify-content:center;

font-size:15px;

font-weight:600;

transition:.25s;

cursor:pointer;

border:none;

}

.btn-primary{

background:#4f46e5;

color:#fff;

}

.btn-primary:hover{

background:#4338ca;

}

.btn-secondary{

background:#fff;

border:1px solid #d1d5db;

color:#374151;

}

.btn-secondary:hover{

background:#f9fafb;

}

.btn-success{

background:#10b981;

color:#fff;

}

.btn-danger{

background:#ef4444;

color:#fff;

}

.form-group{

display:flex;

flex-direction:column;

margin-bottom:20px;

}

.form-label{

margin-bottom:8px;

font-size:14px;

font-weight:600;

color:#374151;

}

.form-control{

width:100%;

height:46px;

padding:0 16px;

border:1px solid #d1d5db;

border-radius:10px;

background:#fff;

transition:.2s;

}

.form-control:focus{

border-color:#4f46e5;

box-shadow:0 0 0 3px rgba(79,70,229,.15);

}

textarea.form-control{

height:130px;

padding:15px;

resize:vertical;

}

.table{

width:100%;

border-collapse:collapse;

background:#fff;

}

.table thead{

background:#f8fafc;

}

.table th{

padding:16px;

font-size:14px;

font-weight:600;

color:#6b7280;

border-bottom:1px solid #e5e7eb;

}

.table td{

padding:16px;

border-bottom:1px solid #e5e7eb;

font-size:15px;

color:#374151;

}

.table tbody tr:hover{

background:#f8fafc;

}

.content-card{

background:#fff;

border-radius:18px;

padding:30px;

box-shadow:0 10px 30px rgba(15,23,42,.06);

}

.content-card h2{

font-size:20px;

margin-bottom:25px;

}

.modal{

background:rgba(15,23,42,.45);

position:fixed;

inset:0;

display:none;

align-items:center;

justify-content:center;

z-index:999;

}

.modal.show{

display:flex;

}

.modal-window{

width:700px;

max-width:95%;

background:#fff;

border-radius:18px;

box-shadow:0 30px 80px rgba(0,0,0,.20);

overflow:hidden;

}

.modal-header{

padding:22px 28px;

border-bottom:1px solid #e5e7eb;

font-size:18px;

font-weight:700;

}

.modal-body{

padding:28px;

}

.modal-footer{

padding:22px 28px;

display:flex;

justify-content:flex-end;

gap:12px;

border-top:1px solid #e5e7eb;

}

.toast{

position:fixed;

right:25px;

top:25px;

padding:16px 22px;

border-radius:10px;

color:#fff;

font-weight:600;

display:none;

box-shadow:0 20px 50px rgba(0,0,0,.18);

}

.toast-success{

background:#10b981;

}

.toast-error{

background:#ef4444;

}

.toast-warning{

background:#f59e0b;

}

.toast-info{

background:#3b82f6;

}

.toast.show{

display:block;

animation:toast .25s ease;

}

@keyframes toast{

from{

opacity:0;

transform:translateY(-20px);

}

to{

opacity:1;

transform:translateY(0);

}

}