:root{--font-primary:"Plus Jakarta Sans", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", sans-serif;--font-heading:"Outfit", -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", sans-serif;--bg-dark:#0e0104;--bg-card:#1c040ac2;--bg-card-hover:#2d0610e0;--bg-elevated:#26050ed6;--bg-input:#120206e0;--bg-modal:#180206;--border-color:#ffffff2e;--border-hover:#ffffff6b;--border-focus:#fff;--border-glow:0 0 12px #ffffff59;--accent-primary:#b91c1c;--accent-primary-hover:#dc2626;--accent-darkred:#7f1d1d;--accent-deepred:#450a0a;--accent-maroon:#881337;--accent-wine:#6b071a;--accent-flame:#ef4444;--accent-white:#fff;--accent-gradient:linear-gradient(135deg, #b91c1c 0%, #881337 55%, #450a0a 100%);--accent-gradient-hover:linear-gradient(135deg, #dc2626 0%, #991b1b 55%, #6b071a 100%);--accent-gradient-subtle:linear-gradient(135deg, #b91c1c47 0%, #ffffff14 100%);--brand-gradient:linear-gradient(135deg, #fff 15%, #ff8a9b 55%, #dc2626 100%);--white-red-gradient:linear-gradient(135deg, #fff 0%, #ff8a9b 45%, #991b1b 100%);--darkred-white-gradient:linear-gradient(135deg, #7f1d1d 0%, #b91c1c 50%, #fff 100%);--card-gradient:linear-gradient(145deg, #20040bd1 0%, #120206e6 100%);--modal-gradient:linear-gradient(160deg, #2a060ff5 0%, #100205fa 100%);--accent-glow:0 4px 24px #b91c1c8c, 0 0 12px #ffffff38;--white-glow:0 0 16px #ffffff73;--accent-bg:#b91c1c38;--text-main:#fff;--text-muted:#ffffffd6;--text-dim:#ffffff8a;--text-contrast:#fff;--success-color:#10b981;--success-bg:#10b9812e;--danger-color:#ef4444;--danger-bg:#ef444438;--warning-color:#f59e0b;--warning-bg:#f59e0b2e;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 8px 30px #0000008c, 0 0 18px #b91c1c2e;--shadow-lg:0 18px 50px #000000b8, 0 0 32px #b91c1c4d;--backdrop-blur:blur(20px);--transition-fast:.18s cubic-bezier(.4, 0, .2, 1);--transition-normal:.28s cubic-bezier(.4, 0, .2, 1);--border:var(--border-color);--text-h:var(--text-main);--accent:var(--accent-primary);--bg:var(--bg-card);--shadow:var(--shadow-md)}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#120206d9}::-webkit-scrollbar-thumb{background:#b91c1c73;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#dc2626bf}::selection{color:#fff;background:#b91c1c}body{font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-main);background-attachment:fixed;min-height:100vh;position:relative;overflow-x:hidden}.global-bg-backdrop{-webkit-filter:blur(22px);opacity:.52;pointer-events:none;z-index:0;background-image:url(/bg-darkred-white.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;transform:scale(1.1)}.global-bg-overlay{pointer-events:none;z-index:0;background:radial-gradient(85% 55% at 75% 10%,#ffffff1f,#0000 55%),radial-gradient(circle at 10% 85%,#88133773,#0000 60%),linear-gradient(#120206d1 0%,#0a0103eb 100%);position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:#fff}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{z-index:10;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem;position:relative}.auth-page-container{z-index:10;justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:1.5rem 1rem;display:flex;position:relative}.auth-bg-backdrop{-webkit-filter:blur(14px);opacity:.58;pointer-events:none;z-index:0;background-image:url(/bg-darkred-white.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;transform:scale(1.08)}.auth-bg-overlay{pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 35%,#b91c1c40 0%,#0e0104e0 100%);position:fixed;inset:0}.auth-card-wrapper{z-index:2;width:100%;max-width:490px;position:relative}.auth-glass-card{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);background:linear-gradient(155deg,#26050deb 0%,#120206f2 100%);border:1px solid #ffffff40;padding:2.5rem;box-shadow:0 25px 65px #000000bf,0 0 35px #b91c1c59,inset 0 1px #ffffff4d}.glass-card{background:var(--card-gradient);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-normal);box-shadow:0 16px 40px #0009,inset 0 1px #ffffff1f}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 20px 48px #000000b3,0 0 22px #b91c1c40,inset 0 1px #fff3}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-muted);font-size:.875rem;font-weight:600}.input-control{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);font-size:.95rem;font-family:var(--font-primary);transition:var(--transition-fast);outline:none;padding:.75rem 1rem}.input-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #b91c1c73,0 0 12px #ffffff47,inset 0 1px 3px #00000080}.input-control::placeholder{color:var(--text-dim)}.btn{font-size:.95rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.01em;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow), inset 0 1px 0 #ffffff59;text-shadow:0 1px 2px #00000059;border:1px solid #ffffff59}.btn-primary:hover{background:var(--accent-gradient-hover);filter:brightness(1.06);border-color:#ffffffa6;transform:translateY(-1px);box-shadow:0 6px 28px #dc2626a6,0 0 14px #ffffff59,inset 0 1px #ffffff8c}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14}.btn-secondary:hover{color:#fff;background:linear-gradient(135deg,#b91c1c73 0%,#ffffff2e 100%);border-color:#fff;box-shadow:0 0 14px #ffffff38}.btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#7f1d1d 100%);border:1px solid #ffffff59;box-shadow:0 4px 16px #b91c1c80,inset 0 1px #ffffff4d}.btn-danger:hover{background:linear-gradient(135deg,#ef4444 0%,#991b1b 100%);border-color:#fff;box-shadow:0 6px 20px #dc2626a6,0 0 12px #ffffff4d}.btn-sm{padding:.4rem .85rem;font-size:.85rem}.btn-icon{border-radius:var(--radius-sm);padding:.5rem}.navbar{-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);z-index:40;background:linear-gradient(#1a0309f0 0%,#100206eb 100%);padding:1rem 1.5rem;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.nav-brand{font-size:1.35rem;font-weight:800;font-family:var(--font-heading);background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.75rem;display:flex}.user-badge{border:1px solid var(--border-color);font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;transition:var(--transition-fast);background:#ffffff14;border-radius:9999px;align-items:center;gap:.75rem;padding:.4rem .85rem;display:flex}.user-badge:hover{background:linear-gradient(135deg,#b91c1c66 0%,#ffffff29 100%);border-color:#fff;box-shadow:0 0 12px #ffffff40}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:50;background:#0a0104d1;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-container{background:var(--modal-gradient);border-radius:var(--radius-xl);border:1px solid #ffffff40;width:100%;max-width:600px;max-height:90vh;padding:1.75rem;animation:.3s ease-out slide-up;overflow-y:auto;box-shadow:0 24px 64px #000c,0 0 36px #b91c1c59,inset 0 1px #ffffff38}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.table-responsive{width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(90deg,#26050df2 0%,#140207f7 100%);border-bottom:1px solid #fff3;padding:1rem;font-size:.82rem;font-weight:700}.custom-table td{vertical-align:middle;color:#fff;border-bottom:1px solid #ffffff14;padding:1rem;font-size:.95rem}.custom-table tbody tr{transition:var(--transition-fast)}.custom-table tbody tr:hover{background:linear-gradient(90deg,#b91c1c38 0%,#ffffff0d 100%)}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-work{color:#fff;background:linear-gradient(135deg,#b91c1c73 0%,#450a0aa6 100%);border:1px solid #ffffff59;box-shadow:0 0 10px #b91c1c4d}.badge-personal{color:#fff;background:linear-gradient(135deg,#991b1b73 0%,#ffffff24 100%);border:1px solid #ffffff59;box-shadow:0 0 10px #991b1b4d}.badge-home{color:#fff;background:linear-gradient(135deg,#7f1d1d73 0%,#ffffff1f 100%);border:1px solid #ffffff59;box-shadow:0 0 10px #7f1d1d4d}.badge-mobile{color:#fff;background:linear-gradient(135deg,#dc262673 0%,#450a0aa6 100%);border:1px solid #ffffff59;box-shadow:0 0 10px #dc26264d}.badge-other{color:#fff;background:linear-gradient(135deg,#88133773 0%,#ffffff1f 100%);border:1px solid #ffffff59;box-shadow:0 0 10px #8813374d}.pagination-bar{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:linear-gradient(#1c040ac7 0%,#0e0205eb 100%);border-top:1px solid #ffffff2e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:1rem 1.25rem;display:flex}.pagination-info-group{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.pagination-range-badge{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.86rem;display:inline-flex}.pagination-num{color:#fff;font-weight:700}.pagination-per-page-wrapper{align-items:center;gap:.5rem;display:inline-flex}.pagination-per-page-label{color:var(--text-muted);font-size:.82rem;font-weight:500}.pagination-select{color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#120206d9;border:1px solid #ffffff40;outline:none;padding:.25rem .6rem;font-size:.82rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.pagination-select:focus{border-color:#fff;box-shadow:0 0 0 2px #b91c1c80,0 0 10px #ffffff4d}.pagination-nav-group,.pagination-pills-list{align-items:center;gap:.35rem;display:flex}.pagination-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff38;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.pagination-icon-btn{width:32px;height:32px;padding:0}.pagination-step-btn{gap:.35rem;height:32px;padding:0 .65rem;font-size:.82rem}.pagination-btn-text{display:inline-block}.pagination-page-pill{min-width:32px;height:32px;padding:0 .5rem}.pagination-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#b91c1c73 0%,#ffffff2e 100%);border-color:#fff;transform:translateY(-1px);box-shadow:0 0 12px #ffffff40}.pagination-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.pagination-page-pill.active{color:#fff;background:linear-gradient(135deg,#b91c1c 0%,#7f1d1d 50%,#450a0a 100%);border:1.5px solid #fff;font-weight:800;transform:scale(1.05);box-shadow:0 0 16px #ffffff73,0 0 24px #b91c1ca6}.pagination-page-pill.active:hover{transform:scale(1.05)}.pagination-ellipsis{min-width:24px;color:var(--text-muted);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}@media (width<=640px){.pagination-bar{flex-direction:column;align-items:stretch}.pagination-info-group{justify-content:space-between}.pagination-nav-group{flex-wrap:wrap;justify-content:center}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast-container{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{border-radius:var(--radius-md);color:#fff;background:linear-gradient(155deg,#26050df2 0%,#120206fa 100%);border:1px solid #ffffff40;align-items:center;gap:.75rem;padding:1rem 1.25rem;animation:.3s ease-out slide-up;display:flex;box-shadow:0 10px 30px #000000a6,0 0 18px #b91c1c59,inset 0 1px #fff3}.toast-success{border-left:4px solid var(--success-color)}.toast-error{border-left:4px solid var(--accent-primary)}