@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--sidebar-width:280px;--bg:#050814;--panel:#0f172aeb;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--primary:#00e5ff;--primary-dark:#0094ff;--success:#00e676;--danger:#ef4444;--radius:20px;--shadow:0 15px 40px #00000073}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:1000;background:linear-gradient(#080c19fa,#0f172af2);flex-direction:column;height:100vh;padding:22px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:14px;margin-top:50px;margin-bottom:30px;display:flex}.brand-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 0 25px #00e5ff59}.sidebar-brand h2{color:#fff;margin:0;font-size:22px}.sidebar-brand span{color:var(--muted);font-size:12px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.nav-link{color:#cbd5e1;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .25s;display:flex}.nav-link svg{flex-shrink:0}.nav-link:hover{color:#fff;background:#ffffff0a;transform:translate(4px)}.nav-link.active{color:#fff;background:#00e5ff1f;border:1px solid #00e5ff2e;position:relative}.nav-link.active:before{content:"";background:var(--primary);width:4px;height:70%;box-shadow:0 0 15px var(--primary);border-radius:10px;position:absolute;top:15%;left:-1px}.sidebar-footer{flex-direction:column;gap:15px;margin-top:auto;display:flex}.footer-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;padding:16px}.footer-top{justify-content:space-between;align-items:center;display:flex}.status-dot{background:var(--success);width:10px;height:10px;box-shadow:0 0 12px var(--success);border-radius:50%}.footer-card h4{color:#fff;margin-top:10px}.footer-card small{color:var(--muted)}.progress{background:#ffffff14;border-radius:999px;width:100%;height:6px;margin:10px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00e676,#00e5ff);width:100%;height:100%}.score-label{color:var(--muted);font-size:13px}.footer-card h1{color:var(--primary);margin-top:10px;font-size:34px}.user-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#0f172af2,#080c19f2);border-radius:18px;padding:16px}.user-info{align-items:center;gap:12px;margin-bottom:14px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 0 20px #00e5ff40}.user-details{flex:1}.user-details h4{color:#fff;margin:0;font-size:14px}.user-details small{color:var(--muted);word-break:break-word;margin-top:3px;display:block}.logout-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:600;transition:all .25s;display:flex}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #ef444459}.sidebar-toggle{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1200;cursor:pointer;background:#0f172af2;border:1px solid #ffffff14;border-radius:14px;width:48px;height:48px;transition:all .3s;display:none;position:fixed;top:16px;left:16px}.sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 0 25px #00e5ff59}.sidebar-toggle.active{transform:rotate(180deg)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000a6;position:fixed;inset:0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px}@media (width<=992px){.sidebar{transition:all .35s;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.sidebar-toggle{justify-content:center;align-items:center;display:flex}}:root{--bg:#070b14;--bg-secondary:#0f172a;--panel:#0f172ad9;--panel-hover:#141e37f2;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--primary:#00e5ff;--primary-dark:#00b8d4;--success:#00e676;--warning:#ffb020;--danger:#ff5252;--radius:20px;--shadow:0 8px 25px #00000059;--shadow-hover:0 18px 40px #0000008c;--sidebar-width:270px}.dashboard{min-height:100vh;margin-left:var(--sidebar-width);color:var(--text);background:radial-gradient(circle at 0 0,#12203d 0%,#0a1120 30%,#070b14 100%);padding:30px;font-family:Inter,Segoe UI,sans-serif}.dashboard-grid{grid-template-columns:2fr 1fr;align-items:start;gap:25px;display:grid}.side-column{flex-direction:column;gap:25px;display:flex}.inventory-panel{overflow:hidden}.hero-content{flex:1}.hero-content p:last-child{color:var(--muted);margin-top:10px;line-height:1.7}.stat-card{align-items:center;gap:20px;display:flex}.stat-card:hover{background:var(--panel-hover);box-shadow:var(--shadow-hover);transform:translateY(-8px)}td svg{color:var(--primary);vertical-align:middle;margin-right:8px}.job-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hero-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:24px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;padding:35px;display:flex}.hero-section h1{margin:10px 0;font-size:3rem}.hero-subtitle{color:var(--muted);font-size:1rem}.trust-card{text-align:center;background:#00e5ff14;border:1px solid #00e5ff26;border-radius:20px;min-width:250px;padding:25px}.trust-card span{color:var(--muted)}.trust-card h2{color:var(--primary);margin:10px 0;font-size:3rem}.trust-card small{color:var(--success)}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--primary);width:4px;height:100%;position:absolute;top:0;left:0}.panel-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.panel-header h2{font-size:1.3rem}.search-box{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;width:280px;padding:12px 16px;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 15px #00e5ff40}.add-btn{background:var(--primary);color:#051019;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff59}.table-wrapper{border:1px solid #ffffff14;border-radius:18px;overflow:hidden}table{border-collapse:separate;border-spacing:0;width:100%}thead th{color:#8fdcff;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(#142341fa,#0b1428fa);border-bottom:1px solid #00e5ff26;padding:18px 22px;font-size:.78rem;font-weight:700}thead th:first-child{border-top-left-radius:18px}thead th:last-child{border-top-right-radius:18px}th{color:#b8d7ff;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #00e5ff26;padding:18px 24px;font-size:.82rem;font-weight:700}td{border-top:1px solid #ffffff0d;padding:16px}tbody tr{border-bottom:1px solid #ffffff0d;transition:all .3s}tbody tr:hover{background:#00e5ff0d;transform:scale(1.003)}.wipe-btn,.verify-btn,.activity-action,.close-btn{cursor:pointer;border:none;border-radius:12px;padding:11px 18px;font-weight:600;transition:all .25s}.wipe-btn{background:var(--primary);color:#000}.verify-btn{background:var(--success);color:#000}.activity-action{color:#fff;background:#ffffff14}.close-btn{background:var(--primary);color:#000;width:100%;margin-top:15px}.wipe-btn:hover,.verify-btn:hover,.activity-action:hover,.close-btn:hover{transform:translateY(-2px)}.progress-fill{background:linear-gradient(90deg,#00e5ff,#2a8fbe);border-radius:999px;height:100%;transition:width .4s}.activity-item{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px;display:flex}.empty{text-align:center;color:var(--muted);padding:30px}.popup-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{background:#0f172a;border:1px solid #ffffff14;border-radius:24px;width:500px;max-width:95%;padding:30px}.hash-box{word-break:break-all;color:var(--success);background:#ffffff0d;border-radius:12px;margin-top:10px;padding:14px;font-family:monospace}@media (width<=900px){.dashboard{margin-left:0;padding:90px 15px 20px}.hero-section{flex-direction:column;align-items:flex-start}.trust-card{width:100%}.panel-header{flex-direction:column;align-items:stretch}.search-box{width:100%}.activity-item{flex-direction:column;align-items:flex-start;gap:12px}@media (width<=1200px){.dashboard{margin-left:230px;padding:24px}.hero-section{flex-direction:column;align-items:flex-start}.trust-card{width:100%}.dashboard-grid{grid-template-columns:1fr}.side-column,.panel,.inventory-panel{width:100%}.search-box{width:100%;max-width:350px}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-section h1{font-size:2.3rem}}@media (width<=992px){.dashboard{margin-left:0;padding:95px 20px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.hero-section{padding:28px}.hero-section h1{font-size:2rem}.panel-header{flex-direction:column;align-items:flex-start}.search-box{width:100%}.table-wrapper{overflow-x:auto}table{min-width:720px}.side-column{margin-top:20px}}@media (width<=768px){.dashboard{padding:85px 15px 20px}.stats-grid{grid-template-columns:1fr}.stat-card{width:100%}.hero-section{padding:22px}.hero-section h1{font-size:1.6rem;line-height:1.2}.hero-label{font-size:11px}.hero-content p{font-size:.92rem}.trust-card{width:100%;padding:20px}.panel{padding:18px}.panel h2{font-size:1.5rem}.search-box{width:100%}.table-wrapper{border-radius:16px;overflow-x:auto}table{min-width:720px}th{font-size:.75rem}td{font-size:.9rem}.verify-btn,.wipe-btn{width:100%;padding:10px}.job-top{flex-direction:column;align-items:flex-start;gap:8px}.progress-track{margin-top:10px}}@media (width<=480px){.dashboard{padding:80px 12px 15px}.hero-section{padding:18px}.hero-section h1{font-size:1.35rem}.hero-content p{font-size:.85rem}.panel{padding:15px}.stat-card{gap:15px}.stat-card svg{font-size:28px}.panel h2{font-size:1.3rem}}}.agent-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agent-modal{color:#fff;background:#0f172a;border:1px solid #ffffff14;border-radius:20px;width:520px;padding:35px;animation:.25s fadeUp}.agent-modal h2{margin-bottom:12px}.agent-modal p{color:#cbd5e1;line-height:1.7}.agent-features{gap:12px;margin:25px 0;display:grid}.agent-actions{gap:15px;margin-top:25px;display:flex}.download-btn{cursor:pointer;color:#000;background:#00d4ff;border:none;border-radius:10px;flex:1;padding:14px;font-weight:700}.cancel-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;flex:1;padding:14px}.agent-note{color:#94a3b8;margin-top:20px;font-size:.9rem}.already-btn{color:#fff;cursor:pointer;background:#2d7ff9;border:none;border-radius:8px;padding:12px 20px;font-weight:600;transition:all .25s}.already-btn:hover{background:#1865d8}:root{--bg:#070b14;--panel:#0f172ad9;--panel-hover:#141e37f2;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--primary:#00e5ff;--primary-dark:#00b8d4;--success:#00e676;--warning:#ffb020;--danger:#ff5252;--radius:22px;--shadow:0 8px 25px #00000059;--shadow-hover:0 18px 40px #0000008c}.devices{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#12203d 0%,#0a1120 30%,#070b14 100%);margin-left:270px;padding:30px;font-family:Inter,Segoe UI,sans-serif}.devices-hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:28px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px;padding:35px;display:flex}.label{color:var(--primary);letter-spacing:3px;font-size:12px;font-weight:700}.devices-hero h1{margin:10px 0;font-size:3rem}.subtitle{color:var(--muted);line-height:1.6}.verify-hero h1{font-size:2.4rem;line-height:1.2}.hero-card{text-align:center;background:#00e5ff14;border:1px solid #00e5ff26;border-radius:22px;min-width:240px;padding:24px}.hero-card span{color:var(--muted)}.hero-card h2{color:var(--primary);margin-top:10px;font-size:3rem}.kpi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px;display:grid}.kpi>div{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.kpi>div:hover{background:var(--panel-hover);box-shadow:var(--shadow-hover);transform:translateY(-8px)}.kpi>div:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.kpi>div:first-child:before{background:var(--primary)}.warn:before{background:var(--warning)}.ok:before{background:var(--success)}.info:before{background:var(--primary)}.kpi h3{margin-top:10px;font-size:2rem}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;margin-bottom:25px;padding:30px}.panel h2{margin-bottom:20px;font-size:1.5rem}.form{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.form input,.form select{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;outline:none;height:54px;padding:0 16px;transition:all .25s}.form input:focus,.form select:focus{border-color:var(--primary);box-shadow:0 0 15px #00e5ff40}.form select option{background:#0f172a}.btn{cursor:pointer;color:#000;background:linear-gradient(135deg, var(--primary), var(--primary-dark));border:none;border-radius:14px;margin-top:22px;padding:14px 24px;font-weight:700;transition:all .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00e5ff59}.searchBox{margin-bottom:25px}.searchBox input{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;height:56px;padding:0 18px}.searchBox input:focus{border-color:var(--primary);box-shadow:0 0 15px #00e5ff40}.grid{grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:24px;display:grid}.device-card{background:var(--panel);box-shadow:var(--shadow);border:1px solid #ffffff14;border-radius:26px;padding:24px;transition:all .35s;position:relative;overflow:hidden}.device-card:before{content:"";background:linear-gradient(90deg,#00e5ff,#00e676);width:100%;height:4px;position:absolute;top:0;left:0}.device-card:hover{box-shadow:var(--shadow-hover);border-color:#00e5ff40;transform:translateY(-10px)}.device-header{align-items:center;gap:16px;display:flex}.device-avatar{background:linear-gradient(135deg,#00e5ff,#06f);border-radius:18px;justify-content:center;align-items:center;width:62px;height:62px;font-size:28px;display:flex;box-shadow:0 10px 20px #00e5ff40}.device-title{flex:1}.device-title h3{color:#fff;font-size:1.15rem}.device-title p{color:var(--muted);margin-top:4px;font-size:.85rem}.status-pill{border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700}.status-pill.pending{color:var(--warning);background:#ffb02026}.status-pill.completed{color:var(--success);background:#00e67626}.status-pill.wiping{color:var(--primary);background:#00e5ff26}.spec-box{background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;padding:14px}.spec-box span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.spec-box strong{color:#fff;font-size:.95rem}.device-actions{gap:12px;margin-top:22px;display:flex}.details-btn,.delete-btn{cursor:pointer;border:none;border-radius:14px;flex:1;padding:13px;font-weight:700;transition:all .25s}.details-btn{color:#fff;background:#ffffff14}.details-btn:hover{background:#ffffff26}.delete-btn{color:#fff;background:linear-gradient(135deg,#ff5252,#ff1744)}.delete-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #ff525259}@media (width<=1200px){.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (width<=900px){.devices{margin-left:0;padding:90px 15px 20px}.devices-hero{flex-direction:column;align-items:flex-start}.hero-card{width:100%}.device-specs{grid-template-columns:1fr}.device-actions{flex-direction:column}.grid{grid-template-columns:1fr}}@media (width<=768px){.devices-hero h1{font-size:2rem}.panel{padding:20px}.form{grid-template-columns:1fr}}@media (width<=480px){.devices{padding:85px 12px 15px}.devices-hero{padding:22px}.devices-hero h1{font-size:1.6rem}.hero-card h2{font-size:2.3rem}}.device-specs{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;display:grid}.mini-stat{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;padding:14px}.mini-stat span{color:#94a3b8;text-transform:uppercase;font-size:11px}.mini-stat h4{color:#fff;margin-top:6px;font-size:16px}.device-info-bar{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:18px;padding-top:15px;display:flex}.device-info-bar small{color:#94a3b8}.device-info-bar p{color:#fff;margin-top:4px;font-weight:600}:root{--sidebar-width:270px;--bg:#070b14;--panel:#0f172ae0;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--primary:#2dd4ff;--primary-dark:#00bfff;--success:#00e676}html,body,#root{width:100%;overflow-x:hidden}.verify-hero,.verify-panel,.result-panel{width:100%;max-width:100%}.verification-page{margin-left:var(--sidebar-width);box-sizing:border-box;min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#12203d 0%,#0b1325 35%,#070b14 100%);padding:30px;overflow-x:hidden}.verify-hero{box-sizing:border-box;background:linear-gradient(135deg,#00e5ff14,#ffffff05);border:1px solid #00e5ff26;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;width:100%;margin-bottom:28px;padding:40px;display:flex}.verify-hero>div:first-child{flex:1;min-width:0}.verify-hero h1{margin-bottom:18px;font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:1.1}.verify-status-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;flex-shrink:0;width:260px;padding:35px 25px}.verify-status-card svg{color:var(--primary);margin-bottom:18px;font-size:58px}.verify-status-card h2{color:var(--primary);margin-bottom:8px;font-size:2rem}.verify-panel,.result-panel{background:var(--panel);border:1px solid var(--border);box-sizing:border-box;border-radius:24px;width:100%;margin-bottom:28px;padding:30px}.verify-panel h2,.result-header h2{font-size:2rem;font-weight:700}.verify-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;margin:28px 0;padding:16px 20px;display:flex}.verify-action-btn,.certificate-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#21d4fd,#00b8ff);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 34px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.verify-action-btn:hover,.certificate-btn:hover{transform:translateY(-3px);box-shadow:0 10px 35px #00e5ff40}.result-header svg{color:var(--success);font-size:32px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.result-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:22px}.result-card span{color:var(--muted);margin-bottom:12px;display:block}.hash-title{align-items:center;gap:10px;margin-bottom:16px;font-weight:700;display:flex}.hash-panel code{word-break:break-word;white-space:pre-wrap;color:#7ee8ff;width:100%;display:block}.certificate-action{margin-top:30px}.popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{text-align:center;background:#111827;border:1px solid #ffffff14;border-radius:24px;width:420px;max-width:90%;padding:35px}.popup-card h2{margin-bottom:15px}.popup-card p{color:var(--muted)}.popup-buttons{justify-content:center;gap:15px;margin-top:30px;display:flex}.generate-btn,.cancel-btn{cursor:pointer;border:none;border-radius:12px;padding:13px 28px;font-weight:700}.generate-btn{background:var(--primary);color:#fff}.cancel-btn{color:#fff;background:#313d53}@media (width<=992px){.verification-page{width:100%;margin-left:0;padding:90px 20px 20px}.verify-hero{flex-direction:column;align-items:flex-start}.verify-status-card{width:100%}}@media (width<=600px){.verify-hero{padding:25px}.verify-panel,.result-panel{padding:20px}.verify-hero h1{font-size:2rem}.popup-buttons{flex-direction:column}.verify-action-btn,.certificate-btn{width:100%}}.certificate-page{background:#0f172a;flex-direction:column;align-items:center;min-height:100vh;padding:20px;display:flex;overflow-x:hidden}table{table-layout:fixed}table td{word-break:break-word;overflow-wrap:anywhere}.top-actions{gap:15px;margin-bottom:20px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-weight:600}.primary-btn{color:#fff;background:#2563eb}.primary-btn:hover{background:#1d4ed8}.secondary-btn{color:#fff;background:#475569}.secondary-btn:hover{background:#334155}.certificate{box-sizing:border-box;background:#fff;width:210mm;height:297mm;font-family:Times New Roman,serif;overflow:hidden;box-shadow:0 15px 50px #00000059}.outer-border{box-sizing:border-box;height:100%;padding:8mm}.inner-border{box-sizing:border-box;border:4px solid #0f172a;height:100%;padding:12mm;position:relative}.inner-border:before{content:"";pointer-events:none;border:1px solid #94a3b8;position:absolute;inset:8px}.inner-border:after{content:"🛡";color:#0f172a04;z-index:0;pointer-events:none;font-size:340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.certificate-header{justify-content:space-between;align-items:center;display:flex}.logo-circle{color:#fff;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:28px;font-weight:700;display:flex}.trustwipe-logo{object-fit:contain;width:120px;height:auto}.title-section{text-align:center;flex:1}.title-section h1{letter-spacing:2px;color:#0f172a;margin-bottom:4px;font-size:30px;font-weight:800}.title-section h2{color:#334155;margin-bottom:8px;font-size:18px}.cert-number{color:#64748b;font-size:12px}.verified-stamp{color:#16a34a;text-align:center;border:4px solid #16a34a;border-radius:50%;justify-content:center;align-items:center;width:95px;height:95px;font-size:16px;font-weight:800;display:flex;transform:rotate(-15deg);box-shadow:0 0 0 2px #22c55e26}.gold-line{background:linear-gradient(90deg,#0000,#d4af37,#0000);height:3px;margin-top:18px}.certificate-body{text-align:center;margin-top:15px}.certificate-body h3{color:#0f172a;margin-bottom:15px;font-size:22px}.statement{color:#334155;max-width:90%;margin:auto;font-size:14px;line-height:1.5}.details-grid{grid-template-columns:.95fr 1.05fr;gap:15px;margin-top:24px;display:grid}.info-card{border:1px solid #cbd5e1;border-radius:10px;padding:14px;line-height:11px}.info-card h4{color:#0f172a;margin-bottom:12px}.info-card table td{color:#0f172a}.info-card table td:first-child{color:#1e293b;font-weight:600}table td{border-bottom:1px solid #e2e8f0;padding:7px 0;font-size:12px}table td:first-child{color:#334155;font-weight:700}.metrics-row{justify-content:space-between;margin-top:15px;display:flex}.metric-box{text-align:center;background:#f8fafc;border:1px solid #dbeafe;border-radius:10px;flex:1;margin:0 5px;padding:15px}.metric-box span{color:#64748b;font-size:12px;display:block}.metric-box strong{color:#0f172a;font-size:28px}.hash-section{margin-top:20px}.hash-section h4{margin-bottom:10px}.hash-box{color:#22c55e;word-break:break-all;background:#0f172a;border-radius:8px;padding:12px;font-family:monospace;font-size:11px}.bottom-section{grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;margin-top:15px;display:grid}.official-seal{text-align:center;border:4px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:13px;font-weight:700;display:flex}.signature-area h4{margin-bottom:8px}.signature-status{color:#16a34a;margin-bottom:5px;font-weight:700}.crypto-info{color:#475569;margin-bottom:10px;font-size:12px}.signature-preview{word-break:break-all;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font-family:monospace;font-size:10px}.qr-area{text-align:center}.qr-area p{margin-top:8px;font-size:12px}.footer{border-top:1px solid #cbd5e1;justify-content:space-between;margin-top:18px;padding-top:10px;font-size:12px;display:flex}.legal-note{text-align:center;color:#64748b;margin-top:10px;font-size:10px;line-height:1.5}@media print{.top-actions{display:none}.certificate-page{background:#fff;padding:0}.certificate{box-shadow:none}}:root{--bg:#070b14;--panel:#0f172ad9;--panel-hover:#141e37f2;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--primary:#00e5ff;--success:#00e676;--warning:#ffb020;--radius:22px;--shadow:0 10px 30px #00000059;--shadow-hover:0 18px 45px #0000008c}.reports{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#12203d 0%,#0a1120 30%,#070b14 100%);margin-left:270px;padding:30px;overflow-x:hidden}.reports-hero{box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:28px;margin-bottom:25px;padding:35px}.hero-label{color:var(--primary);letter-spacing:3px;margin-bottom:10px;font-size:12px;font-weight:700}.reports-hero h1{margin-bottom:10px;font-size:2.6rem}.reports-hero p{color:var(--muted);max-width:700px;line-height:1.7}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:14px;padding:22px;transition:all .3s;display:flex}.stat-card:hover{background:var(--panel-hover);transform:translateY(-6px)}.stat-card svg{color:var(--primary);font-size:28px}.stat-card h2{margin-top:4px;font-size:1.8rem}.stat-card span{color:var(--muted);font-size:13px}.stat-card.success svg{color:var(--success)}.stat-card.warning svg{color:var(--warning)}.stat-card.info svg{color:var(--primary)}.compliance-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px;display:flex}.compliance-panel svg{color:var(--primary);font-size:45px}.compliance-panel h1{color:var(--success);font-size:2.5rem}.compliance-panel p{color:var(--muted)}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:25px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:22px}.panel:hover{transition:all .3s;transform:translateY(-5px)}.panel-header{color:var(--primary);align-items:center;gap:10px;margin-bottom:15px;font-weight:700;display:flex}.panel h3{color:var(--primary);margin-top:10px}.export-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;margin-bottom:25px;padding:25px}.export-buttons{flex-wrap:wrap;gap:12px;margin-top:15px;display:flex}.export-buttons button{cursor:pointer;color:#fff;background:#ffffff0f;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px;transition:all .3s;display:flex}.export-buttons button:hover{background:#00e5ff26;transform:translateY(-3px)}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:10px}thead th{text-align:left;color:var(--primary);border-bottom:1px solid var(--border);padding:14px}tbody td{color:var(--text);border-bottom:1px solid #ffffff0f;padding:14px}.badge{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.badge.completed{color:var(--success);background:#00e67626}.badge.pending{color:var(--warning);background:#ffb02026}.badge.wiping{color:var(--primary);background:#00e5ff26}@media (width<=1024px){.reports{margin-left:270px}}@media (width<=900px){.reports{margin-left:0;padding:90px 15px 20px}.compliance-panel{text-align:center;flex-direction:column;gap:15px}.export-buttons{flex-direction:column}}@media (width<=600px){.reports-hero h1{font-size:1.8rem}.stat-card{text-align:center;flex-direction:column}.panel-header{font-size:14px}}.public-navbar{z-index:9999;-webkit-backdrop-filter:blur(18px);background:#070b14d1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 7%;display:flex;position:sticky;top:0;box-shadow:0 6px 25px #00000059}.public-logo{color:#fff;align-items:center;gap:12px;font-size:1.6rem;font-weight:700;text-decoration:none;display:flex}.public-logo svg{color:#00e5ff;font-size:30px}.public-nav-links{align-items:center;gap:42px;display:flex}.public-nav-links a{color:#cbd5e1;font-weight:500;text-decoration:none;transition:all .3s}.public-nav-links a:hover{color:#00e5ff}.public-nav-actions{align-items:center;gap:14px;display:flex}.nav-login-btn{color:#00e5ff;border:1px solid #00e5ff;border-radius:12px;padding:11px 22px;text-decoration:none;transition:all .3s}.nav-login-btn:hover{color:#07111f;background:#00e5ff}.nav-register-btn{color:#07111f;background:#00e5ff;border-radius:12px;padding:11px 24px;font-weight:700;text-decoration:none;transition:all .3s}.nav-register-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00e5ff59}@media (width<=900px){.public-navbar{flex-direction:column;gap:18px;height:auto;padding:18px 20px}.public-nav-links{flex-wrap:wrap;justify-content:center;gap:20px}.public-nav-actions{justify-content:center;width:100%}}:root{--bg:#070b14;--panel:#0f172ad1;--panel2:#141e32b8;--border:#ffffff14;--text:#f8fafc;--muted:#94a3b8;--primary:#00e5ff;--primary2:#29b6ff;--success:#00e676;--danger:#ff4d4f;--shadow:0 15px 40px #00000059;--radius:24px}.verify-certificate-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#13284c 0%,#091424 35%,#050b15 100%);flex-direction:column;align-items:center;gap:45px;padding:0 20px 80px;display:flex}.verify-hero{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(1400px,95vw);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:30px;grid-template-columns:1.3fr .7fr;align-items:center;gap:40px;padding:55px;display:grid}.verify-hero h1{margin:18px 0;font-size:3.5rem;line-height:1.15}.hero-subtitle{color:var(--muted);max-width:650px;font-size:17px;line-height:1.8}.verify-status-card{background:var(--panel);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:24px;padding:40px;transition:all .35s}.verify-status-card:hover{transform:translateY(-8px)}.verify-status-card svg{color:var(--primary);font-size:65px}.verify-status-card h2{color:var(--primary);margin:20px 0 8px;font-size:28px}.verify-status-card span{color:var(--muted)}.verify-panel,.result-panel{background:var(--panel);border:1px solid var(--border);width:min(1400px,95vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:26px;padding:40px}.verify-panel h2{margin-bottom:25px;font-size:2rem}.verify-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:18px;padding:18px 22px;transition:all .3s;display:flex}.verify-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #00e5ff14}.verify-search svg{color:var(--primary);font-size:24px}.verify-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:17px}.verify-search input::placeholder{color:#8da2b7}.verify-action-btn,.certificate-btn{cursor:pointer;border:none;border-radius:14px;margin-top:25px;padding:15px 30px;font-size:16px;font-weight:700;transition:all .3s}.verify-action-btn{color:#051019;background:linear-gradient(90deg,#00e5ff,#29b6ff)}.verify-action-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #00e5ff59}.certificate-btn{color:#051019;background:linear-gradient(90deg,#00e676,#46ffb4)}.certificate-btn:hover{transform:translateY(-3px)}.result-header{align-items:center;gap:15px;margin-bottom:28px;display:flex}.result-header svg{font-size:34px}.result-header.success svg{color:var(--success)}.result-header.invalid svg{color:var(--danger)}.result-header h2{font-size:2rem}.result-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:25px;display:grid}.result-card{background:var(--panel2);border:1px solid var(--border);border-radius:20px;padding:24px;transition:all .35s}.result-card:hover{border-color:#00e5ff33;transform:translateY(-6px)}.result-card span{color:var(--muted);margin-bottom:10px;font-size:14px;display:block}.result-card strong{word-break:break-word;font-size:18px}.verified{color:var(--success)}.hash-panel{background:var(--panel2);border:1px solid var(--border);border-radius:20px;margin-top:15px;padding:28px}.hash-title{color:var(--primary);align-items:center;gap:10px;margin-bottom:18px;font-weight:700;display:flex}.hash-panel code{color:#79ffe4;word-break:break-all;background:#08111d;border:1px solid #00e5ff26;border-radius:14px;padding:20px;line-height:1.7;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=992px){.verify-certificate-page{padding:95px 20px 60px}.verify-hero{grid-template-columns:1fr;padding:35px}.verify-hero h1{font-size:2.5rem}}@media (width<=768px){.verify-certificate-page{padding:90px 15px 50px}.verify-hero{padding:30px 22px}.verify-hero h1{font-size:2rem}.hero-subtitle{font-size:15px}.verify-panel,.result-panel{padding:25px}.result-grid{grid-template-columns:1fr}.verify-action-btn,.certificate-btn{width:100%}}.services-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#12203d 0%,#0a1120 30%,#070b14 100%);flex-direction:column;align-items:center;gap:45px;padding:110px 20px 80px;display:flex;overflow-x:hidden}.section{width:min(1400px,95vw)}.section-title{text-align:center;margin-bottom:45px}.section-title p{color:var(--primary);letter-spacing:3px;margin-bottom:12px;font-size:13px;font-weight:700}.section-title h2{font-size:2.7rem;line-height:1.2}.services-hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:30px;grid-template-columns:1.4fr .8fr;align-items:center;gap:50px;width:min(1400px,95vw);padding:60px;transition:all .35s;display:grid;box-shadow:0 20px 50px #00000059}.services-hero:hover{border-color:#00e5ff40}.hero-label{color:var(--primary);letter-spacing:3px;font-size:13px;font-weight:700}.hero-description{color:var(--muted);max-width:700px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:18px;margin-top:35px;display:flex}.primary-btn,.secondary-btn{border-radius:14px;align-items:center;gap:10px;padding:15px 28px;font-weight:700;text-decoration:none;transition:all .35s;display:flex}.security-card{text-align:center;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:26px;padding:40px;transition:all .35s}.security-card:hover{transform:translateY(-8px)}.security-card>svg{color:var(--primary);margin-bottom:10px;font-size:48px}.security-card h2{margin-bottom:6px;font-size:28px;font-weight:700}.security-card p{color:var(--muted);margin:12px 0 30px}.security-features{flex-direction:column;align-items:flex-start;gap:16px;margin-left:100px;display:flex}.feature-item{align-items:center;gap:10px;display:flex}.feature-item svg{color:var(--primary);flex-shrink:0;font-size:22px}.feature-item span{color:var(--text);font-size:15px;font-weight:500}.services-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:25px;display:grid}.service-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:35px;transition:all .35s}.service-card:hover{border-color:#00e5ff47;transform:translateY(-8px)}.service-card svg{color:var(--primary);font-size:48px}.service-card h3{margin:22px 0 15px;font-size:24px}.service-card p{color:var(--muted);line-height:1.8}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:25px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:20px;padding:35px;transition:all .35s}.stat-card h2{color:var(--primary);font-size:42px}.workflow-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.workflow-card{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:35px;transition:all .35s;position:relative}.workflow-card:hover{transform:translateY(-8px)}.step-number{width:55px;height:55px;color:var(--primary);background:#00e5ff1f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:25px;font-weight:700;display:flex}.workflow-card h3{margin-bottom:15px}.workflow-card p{color:var(--muted);line-height:1.7}.compliance-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.compliance-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:18px;padding:26px;font-weight:700;transition:all .35s}.compliance-card:hover{color:var(--primary);background:#00e5ff14;transform:translateY(-5px)}.cta-section{text-align:center;width:min(1400px,95vw);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff17,#ffffff08);border:1px solid #00e5ff26;border-radius:30px;padding:70px 40px}.cta-section h2{margin-bottom:20px;font-size:3rem}.cta-section p{max-width:760px;color:var(--muted);margin:auto;font-size:17px;line-height:1.8}.cta-section .hero-buttons{justify-content:center}@media (width<=1100px){.services-page{padding:95px 20px 60px}.services-hero{grid-template-columns:1fr}.hero-left h1{font-size:2.8rem}}@media (width<=768px){.services-page{gap:50px;padding:85px 15px 50px}.services-hero{padding:35px 25px}.hero-left h1{font-size:2rem}.hero-description{font-size:15px}.section-title h2{font-size:2rem}.hero-buttons{flex-direction:column}.primary-btn,.secondary-btn{justify-content:center;width:100%}.security-stats{grid-template-columns:1fr}.cta-section{padding:45px 25px}.cta-section h2{font-size:2rem}.services-grid,.workflow-grid,.stats-grid,.compliance-grid{grid-template-columns:1fr}}:root{--bg:#070b14;--panel:#0f172ad1;--border:#ffffff14;--primary:#00e5ff;--text:#f8fafc;--muted:#94a3b8;--shadow:0 15px 45px #00000059;--radius:24px}.about-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#12203d 0%,#0a1120 35%,#070b14 100%);flex-direction:column;align-items:center;gap:60px;padding:110px 20px 80px;display:flex;overflow-x:hidden}.about-hero{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:min(1400px,95vw);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:30px;padding:80px 50px}.about-tag{color:var(--primary);letter-spacing:3px;margin-bottom:20px;font-size:13px;font-weight:700;display:inline-block}.about-hero h1{margin-bottom:25px;font-size:4rem;line-height:1.15}.about-hero p{max-width:850px;color:var(--muted);margin:auto;font-size:17px;line-height:1.9}.about-section{text-align:center;width:min(1200px,95vw)}.about-section h2{margin-bottom:25px;font-size:2.7rem}.about-section p{max-width:950px;color:var(--muted);margin:0 auto 20px;font-size:16px;line-height:1.9}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;width:min(1200px,95vw);display:grid}.mission-card{background:var(--panel);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:24px;padding:40px;transition:all .35s}.mission-card:hover{border-color:#00e5ff40;transform:translateY(-8px)}.mission-card svg{color:var(--primary);font-size:55px}.mission-card h3{margin:20px 0;font-size:26px}.mission-card p{color:var(--muted);line-height:1.8}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:40px;display:grid}.tech-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:35px;transition:all .35s}.tech-card:hover{border-color:#00e5ff40;transform:translateY(-8px)}.tech-card svg{color:var(--primary);font-size:48px}.tech-card h3{margin:20px 0 15px}.tech-card p{color:var(--muted);line-height:1.8}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px;display:grid}.value-item{background:var(--panel);border:1px solid var(--border);border-radius:18px;justify-content:center;align-items:center;gap:12px;padding:20px;font-weight:600;transition:all .3s;display:flex}.value-item:hover{color:var(--primary);border-color:#00e5ff40;transform:translateY(-5px)}.value-item svg{color:var(--primary);font-size:20px}.about-cta{text-align:center;width:min(1300px,95vw);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:30px;padding:70px 40px}.about-cta h2{margin-bottom:20px;font-size:3rem}.about-cta p{max-width:750px;color:var(--muted);margin:auto;font-size:16px;line-height:1.9}@media (width<=1000px){.about-hero h1{font-size:3rem}.about-section h2{font-size:2.2rem}.about-cta h2{font-size:2.4rem}}@media (width<=768px){.about-page{padding:90px 15px 50px}.about-hero{padding:50px 25px}.about-hero h1{font-size:2.2rem}.about-section h2{font-size:1.8rem}.about-cta{padding:45px 25px}.about-cta h2{font-size:2rem}.mission-grid,.tech-grid,.values-grid{grid-template-columns:1fr}}:root{--bg:#070b14;--panel:#0f172ad1;--border:#ffffff14;--primary:#00e5ff;--success:#00e676;--text:#f8fafc;--muted:#94a3b8;--shadow:0 15px 45px #00000059;--radius:24px}.home-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#12203d 0%,#0a1120 35%,#070b14 100%);flex-direction:column;align-items:center;gap:60px;padding:110px 20px 80px;display:flex;overflow-x:hidden}.home-hero{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(1400px,95vw);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:30px;grid-template-columns:1.3fr .7fr;align-items:center;gap:50px;padding:70px;display:grid}.hero-badge{color:var(--primary);letter-spacing:3px;font-size:13px;font-weight:700}.hero-left h1{margin:20px 0;font-size:4rem;line-height:1.1}.hero-text,.hero-left p{color:var(--muted);max-width:700px;font-size:17px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:18px;margin-top:35px;display:flex}.primary-btn,.secondary-btn{border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;font-weight:700;text-decoration:none;transition:all .35s;display:flex}.primary-btn{background:var(--primary);color:#07111a}.primary-btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00e5ff59}.secondary-btn{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a}.secondary-btn:hover{background:#00e5ff1a;border-color:#00e5ff4d}.hero-card{background:var(--panel);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:26px;padding:40px;transition:all .35s}.hero-card:hover{transform:translateY(-8px)}.hero-card svg{color:var(--primary);font-size:70px}.hero-card h2{margin-top:18px;font-size:28px}.hero-card p{color:var(--muted);margin-top:12px}.hero-stats{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px;display:grid}.hero-stats div{background:#ffffff0a;border-radius:15px;padding:18px}.hero-stats h3{color:var(--primary);font-size:24px}.hero-stats span{color:var(--muted);font-size:14px}.problem-section{text-align:center;background:var(--panel);border:1px solid var(--border);width:min(1400px,95vw);box-shadow:var(--shadow);border-radius:28px;padding:50px}.problem-section svg{color:#ffb020;margin-bottom:20px;font-size:60px}.problem-section h2{margin-bottom:15px;font-size:2.5rem}.problem-section p{max-width:800px;color:var(--muted);margin:auto;line-height:1.8}.section-title{text-align:center}.section-title p{color:var(--primary);letter-spacing:3px;font-size:13px;font-weight:700}.section-title h2{margin-top:10px;font-size:2.7rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;width:min(1400px,95vw);display:grid}.feature-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:35px;transition:all .35s}.feature-card:hover{border-color:#00e5ff40;transform:translateY(-8px)}.feature-card svg{color:var(--primary);font-size:48px}.feature-card h3{margin:20px 0 15px}.feature-card p{color:var(--muted);line-height:1.8}.why-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;width:min(1400px,95vw);display:grid}.why-card{background:var(--panel);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:22px;padding:35px;transition:all .35s}.why-card:hover{transform:translateY(-8px)}.why-card h3{color:var(--primary);margin-bottom:15px;font-size:32px}.why-card p{color:var(--muted);line-height:1.7}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;width:min(1400px,95vw);display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow);border-radius:22px;padding:35px;transition:all .35s}.stat-card:hover{transform:translateY(-8px)}.stat-card h2{color:var(--primary);margin-bottom:10px;font-size:42px}.stat-card span{color:var(--muted)}.home-cta{text-align:center;width:min(1400px,95vw);box-shadow:var(--shadow);background:linear-gradient(135deg,#00e5ff14,#ffffff08);border:1px solid #00e5ff26;border-radius:30px;padding:70px 40px}.home-cta h2{margin-bottom:20px;font-size:3rem}.home-cta p{max-width:750px;color:var(--muted);margin:auto;line-height:1.8}.home-cta .hero-actions{justify-content:center}@media (width<=1000px){.home-hero{grid-template-columns:1fr}.hero-left h1{font-size:3rem}}@media (width<=768px){.home-page{padding:90px 15px 50px}.home-hero{padding:35px 25px}.hero-left h1{font-size:2.2rem}.problem-section{padding:35px 25px}.problem-section h2{font-size:2rem}.hero-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}.hero-stats,.feature-grid,.why-grid,.stats-grid{grid-template-columns:1fr}.section-title h2{font-size:2rem}.home-cta{padding:45px 25px}.home-cta h2{font-size:2rem}}body{background:#020617}.login-page{background:radial-gradient(circle at 0 0,#38bdf826,#0000 30%),linear-gradient(135deg,#020617,#0f172a);min-height:100vh;display:flex}.brand-logo{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:25px;font-size:42px;display:flex}.options label{color:#94a3b8}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172acc;border:1px solid #ffffff14;border-radius:30px;width:100%;max-width:550px;padding:45px;animation:.5s fadeIn;box-shadow:0 25px 60px #00000073}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.small-logo{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto 15px;font-size:38px;display:flex}.card-header h2{color:#94a3b8;margin-bottom:10px;font-size:2rem}.input-group label{color:#cbd5e1;margin-bottom:8px;display:block}.input-group input{color:#fff;background:#081121;border:1px solid #334155;border-radius:14px;width:100%;padding:15px;transition:all .3s}.eye-btn{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.options{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.options a{color:#38bdf8;text-decoration:none}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:16px;width:100%;height:60px;font-size:17px;font-weight:700;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #38bdf859}.error-box{color:#fca5a5;background:#ef444426;border-radius:12px;margin-bottom:20px;padding:14px}.register-link{text-align:center;color:#94a3b8;margin-top:25px}.register-link a{color:#38bdf8;margin-left:5px;text-decoration:none}@media (width<=1000px){.left-panel{display:none}.right-panel{width:100%}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}:root{--bg:#020617;--bg2:#0f172a;--card-bg:#0f172ad9;--primary:#38bdf8;--primary-dark:#0ea5e9;--text:#f8fafc;--text-secondary:#94a3b8;--border:#ffffff14;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444}body{background:var(--bg);color:var(--text);overflow-x:hidden}.register-page{background:radial-gradient(circle at 0 0,#38bdf826,#0000 30%),radial-gradient(circle at 100% 100%,#0ea5e91a,#0000 35%),linear-gradient(135deg,#020617,#0f172a);min-height:100vh;display:flex}.left-panel{flex:1;justify-content:center;align-items:center;padding:80px;display:flex}.brand-content{max-width:650px}.brand-logo{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:25px;font-size:42px;display:flex;box-shadow:0 15px 35px #38bdf859}.brand-content h1{color:var(--primary);margin-bottom:20px;font-size:5rem;font-weight:900}.brand-content p{color:var(--text-secondary);margin-bottom:40px;font-size:1.15rem;line-height:1.9}.feature-list{flex-direction:column;gap:18px;display:flex}.feature{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding-bottom:14px}.right-panel{justify-content:center;align-items:center;width:650px;padding:40px;display:flex}.register-card{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:30px;width:100%;max-width:560px;padding:45px;animation:.5s fadeIn;box-shadow:0 25px 60px #00000073}.card-header{text-align:center;margin-bottom:30px}.small-logo{background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto 15px;font-size:36px;display:flex;box-shadow:0 10px 25px #38bdf859}.card-header h2{margin-bottom:8px;font-size:2rem;font-weight:800}.card-header p{color:var(--text-secondary)}.error-box{color:#fca5a5;background:#ef444426;border:1px solid #ef444440;border-radius:12px;margin-bottom:20px;padding:14px}.success-box{color:#86efac;background:#22c55e26;border:1px solid #22c55e40;border-radius:12px;margin-bottom:20px;padding:14px}.input-group{margin-bottom:18px}.input-group label{color:#cbd5e1;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-group input{color:#fff;background:#081121;border:1px solid #334155;border-radius:14px;width:100%;padding:15px;font-size:15px;transition:all .3s}.input-group input::placeholder{color:#64748b}.input-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #38bdf826}.password-wrapper{position:relative}.password-wrapper input{padding-right:60px}.eye-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-btn:hover{color:#fff}.strength-weak{color:var(--danger);margin-top:8px;font-size:13px;display:block}.strength-medium{color:var(--warning);margin-top:8px;font-size:13px;display:block}.strength-strong{color:var(--success);margin-top:8px;font-size:13px;display:block}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border:none;border-radius:16px;width:100%;height:58px;margin-top:10px;font-size:16px;font-weight:700;transition:all .3s}.register-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #38bdf859}.register-btn:disabled{opacity:.7;cursor:not-allowed}.trust-section{text-align:center;color:var(--text-secondary);margin-top:18px;font-size:13px}.login-link{text-align:center;color:var(--text-secondary);margin-top:24px}.login-link a{color:var(--primary);margin-left:6px;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (width<=1000px){.left-panel{display:none}.right-panel{width:100%}}@media (width<=600px){.right-panel{padding:20px}.register-card{padding:30px}.brand-content h1{font-size:3rem}.card-header h2{font-size:1.7rem}}body{background:#020817;font-family:Inter,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh}.app-layout{background:#020817;width:100%;min-height:100vh;display:flex}.main-content{background:#020817;flex:1;width:100%;min-width:0;overflow-x:hidden}.not-found{color:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.not-found h1{font-size:5rem}.not-found p{color:#94a3b8;margin-top:10px}@media (width<=1024px){.app-layout{flex-direction:column}.main-content{width:100%}}@media (width<=768px){.main-content{width:100%}}.main-content{flex:1;min-height:100vh;overflow-x:hidden}.page-container{padding:30px}@media (width<=768px){.page-container{padding:90px 16px 20px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{color:#0f172a;background:#f1f5f9;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#06b6d4;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#0891b2}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:Inter,sans-serif;transition:all .3s}button:hover{transform:translateY(-2px)}button:active{transform:scale(.98)}input,select,textarea{border:1px solid #cbd5e1;outline:none;font-family:Inter,sans-serif;transition:all .3s}input:focus,select:focus,textarea:focus{border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d426}table{border-collapse:collapse;width:100%}th{color:#475569;background:#f8fafc;font-weight:700}th,td{padding:16px}tr{transition:all .3s}tr:hover{background:#f8fafc}.card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 10px 30px #0000000d}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff9;border:1px solid #ffffff4d}.badge-success{color:#15803d;background:#dcfce7;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.badge-warning{color:#d97706;background:#fef3c7;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.badge-danger{color:#dc2626;background:#fee2e2;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.badge-info{color:#2563eb;background:#dbeafe;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.fade-in{animation:.5s fadeIn}@keyframes pulseGlow{0%{box-shadow:0 0 #06b6d466}50%{box-shadow:0 0 25px #06b6d480}to{box-shadow:0 0 #06b6d466}}.glow{animation:2s infinite pulseGlow}.kpi-card{background:#fff;border-radius:24px;padding:24px;transition:all .3s;box-shadow:0 10px 25px #0000000d}.kpi-card:hover{transform:translateY(-6px)}.kpi-title{color:#64748b;font-size:14px;font-weight:600}.kpi-value{margin-top:10px;font-size:42px;font-weight:800}.progress-track{background:#e2e8f0;border-radius:999px;width:100%;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:999px;height:100%}.page-title{color:#0f172a;font-size:48px;font-weight:900}.page-subtitle{color:#64748b;margin-top:8px}.status-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.gradient-card{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb)}@media (width<=768px){body{font-size:14px}.page-title{font-size:34px}.kpi-value{font-size:30px}}.floating-toast{color:#fff;z-index:99999;background:#0f172a;border:1px solid #ffffff14;border-radius:18px;width:340px;padding:20px;animation:.3s slideIn;position:fixed;top:30px;right:30px;box-shadow:0 20px 50px #00000073}.floating-toast h3{margin-bottom:8px}.floating-toast p{color:#94a3b8;margin-bottom:15px}.floating-toast button{cursor:pointer;background:#00e5ff;border:none;border-radius:12px;width:100%;padding:12px;font-weight:600}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.floating-toast{width:auto;left:15px;right:15px}}