.td-notifications-container{background:#fff;border:2px dashed #e2e8f0;border-radius:16px;padding:0;margin:20px auto;max-width:800px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;font-family:"IRANYekan",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;position:relative}.td-notifications-container::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1,#94a3b8,#64748b);border-radius:16px 16px 0 0}.td-notifications-header{background:#fff;padding:20px;border-bottom:1px solid #f1f5f9;text-align:center;border-radius:16px 16px 0 0;position:relative}.td-notifications-title{margin:0;color:#374151;font-size:18px;font-weight:600;letter-spacing:-.025em}.td-notifications-table{background:#fff}.td-table-header{background:#fff;border-bottom:1px solid #f1f5f9}.td-table-row{display:grid;grid-template-columns:60px 1fr 120px 100px 120px 80px;gap:10px;align-items:center;padding:15px 20px;border-bottom:1px solid #e0f2fe;transition:all .3s ease}.td-table-header .td-table-row{font-weight:600;color:#374151;background:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.td-table-body .td-table-row{transition:all .3s ease;position:relative}.td-table-body .td-table-row:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-radius:8px;margin:0 10px}.td-table-cell{padding:8px 0;font-size:14px;color:#374151;text-align:center;line-height:1.6;font-weight:500}.td-subject{text-align:right;font-weight:600;color:#374151}.td-status-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative;overflow:hidden}.td-status-badge::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.td-status-badge:hover::before{left:100%}.td-status-read{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:2px solid #10b981;box-shadow:0 4px 12px rgba(16,185,129,.3)}.td-status-unread{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff;border:2px solid #f59e0b;box-shadow:0 4px 12px rgba(245,158,11,.3)}.td-view-btn{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);color:white;border:none;padding:10px 20px;border-radius:25px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(14,165,233,.4);text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.td-view-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.td-view-btn:hover::before{left:100%}.td-view-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(14,165,233,.5)}.td-view-btn:active{transform:translateY(0);box-shadow:0 4px 15px rgba(14,165,233,.4)}.td-notification-description{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-top:2px solid #0ea5e9;padding:20px;margin:0;animation:slideDown .4s ease-out}.td-description-content{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);padding:25px;border-radius:16px;border:2px solid #0ea5e9;font-size:14px;line-height:1.8;color:#0c4a6e;box-shadow:0 8px 25px rgba(14,165,233,.15);position:relative}.td-description-content::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#3b82f6,#8b5cf6);border-radius:16px 16px 0 0}.td-empty-state{background:#fff;padding:80px 20px;text-align:center;border-radius:0 0 16px 16px;position:relative;overflow:hidden}.td-empty-state::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#3b82f6,#8b5cf6,#06b6d4)}.td-empty-state::after{content:"";position:absolute;top:50%;left:50%;width:200px;height:200px;background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:pulse 4s ease-in-out infinite}.td-empty-message{max-width:400px;margin:0 auto;position:relative;z-index:2}.td-empty-icon{font-size:72px;margin-bottom:24px;opacity:.8;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.td-empty-text{font-size:22px;color:#374151;margin:0 0 12px;font-weight:600;letter-spacing:-.025em}.td-empty-subtext{font-size:16px;color:#6b7280;margin:0;line-height:1.6;font-weight:500}@media (max-width:1024px){.td-table-row{grid-template-columns:50px 1fr 100px 90px 100px 70px;gap:8px;padding:12px 15px}.td-table-cell{font-size:13px}}@media (max-width:768px){.td-notifications-container{margin:10px 0;border-radius:12px}.td-notifications-header{padding:15px;border-radius:12px 12px 0 0}.td-notifications-title{font-size:16px}.td-table-row{grid-template-columns:1fr;gap:8px;text-align:right;padding:15px;border-bottom:2px solid #f1f3f4}.td-table-cell{padding:8px 0;text-align:right;border-bottom:1px solid #f1f3f4;position:relative}.td-table-cell:not(:last-child)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#f1f3f4}.td-table-cell:before{content:attr(data-label) ": ";font-weight:600;color:#6b7280;display:inline-block;min-width:120px;margin-left:10px}.td-empty-state{padding:60px 15px;border-radius:0 0 12px 12px}.td-empty-icon{font-size:48px;margin-bottom:20px}.td-empty-text{font-size:18px}.td-empty-subtext{font-size:14px}}@media (max-width:480px){.td-notifications-container{margin:5px 0}.td-table-row{padding:12px}.td-table-cell{font-size:12px}.td-view-btn{padding:6px 12px;font-size:11px}.td-empty-state{padding:40px 10px}.td-empty-icon{font-size:40px;margin-bottom:16px}.td-empty-text{font-size:16px}.td-empty-subtext{font-size:13px}}@media print{.td-notifications-container{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.td-view-btn{display:none}.td-empty-state{background:#f9f9f9}}