#dashboard-container{max-width:1100px;margin:30px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#dashboard-container #public-url{background:#f3f6fa;border:1px solid #d1d9e6;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;display:flex;position:relative}#dashboard-container #public-url #copy-btn{flex-direction:column;gap:10px;margin-left:10px;display:flex}#dashboard-container #public-url span{color:#333;word-break:break-all;font-size:14px;font-weight:500}#dashboard-container #public-url button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;padding:6px 14px;transition:all .3s}#dashboard-container #public-url button:hover{background:#125aa1}#dashboard-container #public-url .popup{color:#fff;background:#4caf50;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;animation:2s forwards fadeInOut;position:absolute;top:-35px;right:10px;box-shadow:0 4px 10px #00000026}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}#dashboard-container #dashboard-title{text-align:center;color:#222;margin-bottom:25px;font-size:24px;font-weight:600}#dashboard-container #dashboard-options{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}#dashboard-container #dashboard-options .dashboard-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:15px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000014}#dashboard-container #dashboard-options .dashboard-card p{color:#666;margin-bottom:8px;font-size:15px;font-weight:500}#dashboard-container #dashboard-options .dashboard-card span{color:#1976d2;font-size:22px;font-weight:700}#dashboard-container #dashboard-options .dashboard-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #0000001f}
