@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap";:root{--primary: #0f172a;--accent: #3b82f6;--accent-hover: #2563eb;--text-dark: #1e293b;--text-light: #64748b;--bg-light: #f8fafc;--white: #ffffff;--gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--radius: 12px}body{font-family:Inter,sans-serif;color:var(--text-dark);line-height:1.6;overflow-x:hidden;overflow-y:auto}a{text-decoration:none;color:inherit;transition:.3s}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:transparent}.btn-outline:hover{background:#eff6ff}.btn-outline-light{border:1px solid rgba(255,255,255,.3);color:var(--white)}.btn-outline-light:hover{background:#ffffff1a;border-color:var(--white)}.btn-login{color:var(--text-dark);font-weight:600;margin-right:15px}.btn-login:hover{color:var(--accent)}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;font-weight:800;color:var(--primary);margin-bottom:16px;letter-spacing:-.5px}.section-title p{color:var(--text-light);font-size:18px;max-width:600px;margin:0 auto}header{position:fixed;top:0;width:100%;height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:var(--shadow-sm);transition:.3s}header .container{height:100%}nav{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{flex:1;display:flex;justify-content:flex-start;align-items:center;font-size:24px;font-weight:800;color:var(--primary);gap:10px}.logo i{color:var(--accent)}.nav-links{display:flex;gap:32px;align-items:center;height:100%}.nav-links a{font-weight:500;color:var(--text-dark);font-size:15px;display:flex;align-items:center;height:100%}.nav-links a:hover{color:var(--accent)}.nav-actions{flex:1;display:flex;justify-content:flex-end;align-items:center}.mobile-toggle,.mobile-auth{display:none}.hero{padding:160px 0 100px;background:var(--gradient-hero);color:var(--white);position:relative;overflow:hidden}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:60px}.hero-text{flex:1;z-index:2}.badge{display:inline-block;padding:6px 12px;background:#3b82f633;color:#60a5fa;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px;border:1px solid rgba(59,130,246,.3)}.hero-text h1{font-size:56px;line-height:1.1;font-weight:800;margin-bottom:24px;letter-spacing:-1px}.text-gradient{background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:18px;color:#cbd5e1;margin-bottom:40px;max-width:540px}.hero-btns{display:flex;gap:16px;margin-bottom:20px}.trust-badges{margin-top:40px;display:flex;gap:20px;color:#94a3b8;font-size:14px}.trust-badges i{color:#10b981;margin-right:5px}.hero-image{flex:1;position:relative;z-index:2}.hero-image img{width:100%;border-radius:16px;box-shadow:0 20px 50px #00000080;border:1px solid rgba(255,255,255,.1)}.floating-card{position:absolute;background:var(--white);color:var(--text-dark);padding:12px 20px;border-radius:8px;font-weight:600;box-shadow:var(--shadow-lg);font-size:14px;animation:float 3s ease-in-out infinite}.card-1{top:20px;right:-20px;color:#10b981}.card-2{bottom:40px;left:-20px;color:var(--accent);animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.agents{padding:100px 0;background:var(--bg-light)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.agent-card{background:var(--white);padding:40px 30px;border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:.3s;border:1px solid #e2e8f0;position:relative;overflow:hidden}.agent-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.icon-box{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px}.color-1{background:#e0f2fe;color:#0284c7}.color-2{background:#dbeafe;color:#2563eb}.color-3{background:#f3e8ff;color:#9333ea}.color-4{background:#fee2e2;color:#dc2626}.color-5{background:#d1fae5;color:#059669}.color-6{background:#f1f5f9;color:#475569}.agent-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.agent-card p{color:var(--text-light);font-size:15px;margin-bottom:24px}.tag{display:inline-block;padding:4px 10px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;font-weight:600;color:var(--text-light)}.link-arrow{color:var(--accent);font-weight:600;font-size:14px}.link-arrow i{font-size:12px;transition:.3s}.link-arrow:hover i{transform:translate(5px)}.workflow{padding:100px 0}.workflow-steps{display:flex;justify-content:space-between;align-items:center;margin-top:50px}.step-item{text-align:center;flex:1;padding:0 10px}.step-icon{width:80px;height:80px;background:var(--white);border:2px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--accent);margin:0 auto 20px;box-shadow:var(--shadow-sm);position:relative;z-index:2;transition:.3s}.step-item:hover .step-icon{border-color:var(--accent);background:var(--accent);color:var(--white)}.step-item h4{font-weight:700;margin-bottom:8px}.step-item p{font-size:14px;color:var(--text-light)}.step-connector{flex:0 0 50px;text-align:center;color:#cbd5e1;font-size:24px}.cta{padding:0 0 80px}.cta-box{background:var(--primary);border-radius:24px;padding:80px 40px;text-align:center;color:var(--white);position:relative;overflow:hidden;background-image:radial-gradient(circle at top right,#334155 0%,transparent 40%)}.cta-box h2{font-size:36px;margin-bottom:16px}.cta-box p{color:#cbd5e1;font-size:18px;margin-bottom:40px}.cta-buttons{display:flex;gap:16px;justify-content:center}.btn-large{padding:16px 32px;font-size:16px}footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:80px 0 30px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}.footer-brand p{color:var(--text-light);margin-top:16px;max-width:300px}.footer-links h4,.footer-social h4{font-size:16px;font-weight:700;margin-bottom:24px}.footer-links ul li{margin-bottom:12px}.footer-links a{color:var(--text-light);font-size:14px}.footer-links a:hover{color:var(--accent)}.social-icons{display:flex;gap:16px}.social-icons a{width:36px;height:36px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--text-dark);transition:.3s}.social-icons a:hover{background:var(--accent);color:var(--white)}.footer-bottom{text-align:center;color:#94a3b8;font-size:14px;border-top:1px solid #e2e8f0;padding-top:30px}@media (max-width: 992px){.hero-text h1{font-size:42px}.nav-links,.nav-actions{display:none}.mobile-toggle{display:block;font-size:24px;cursor:pointer;color:var(--primary)}.nav-links.active{display:flex;flex-direction:column;position:absolute;top:80px;left:0;width:100%;background:var(--white);padding:20px;box-shadow:var(--shadow-md);gap:20px;align-items:flex-start;height:auto}.nav-links.active a{height:auto;width:100%;padding:10px 0}.mobile-auth{display:block;width:100%}.mobile-auth a{display:block;text-align:center;padding:10px}}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.hero-btns{justify-content:center}.workflow-steps{flex-direction:column;gap:30px}.step-connector{transform:rotate(90deg);margin:10px 0}.cta-buttons{flex-direction:column}.footer-content{grid-template-columns:1fr;gap:30px}}.pricing-toggle{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:50px}.toggle-label{font-weight:600;font-size:16px;color:var(--text-dark)}.toggle-label.active{color:var(--accent)}.save-badge{background:#dcfce7;color:#166534;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:700}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1100px;margin:0 auto 80px}.pricing-card{background:var(--white);padding:40px;border-radius:16px;border:1px solid #e2e8f0;transition:.3s;position:relative;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.pricing-card.popular{border:2px solid var(--accent);background:#f8fafc;transform:scale(1.05);z-index:2;box-shadow:0 10px 25px -5px #3b82f626}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.plan-name{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.plan-desc{color:var(--text-light);font-size:14px;margin-bottom:24px;min-height:44px}.price-tag{margin-bottom:30px;display:flex;align-items:baseline}.currency{font-size:24px;font-weight:600;vertical-align:top}.amount{font-size:48px;font-weight:800;color:var(--primary)}.period{color:var(--text-light);font-size:16px;margin-left:5px}.feature-list{margin-bottom:40px;flex:1}.feature-list li{margin-bottom:12px;font-size:15px;display:flex;align-items:center;gap:10px}.feature-list li i{color:#10b981}.feature-list li.disabled{color:#cbd5e1;text-decoration:line-through}.feature-list li.disabled i{color:#cbd5e1}.comparison-section{padding:80px 0;background:var(--white)}.compare-table{width:100%;border-collapse:collapse;margin-top:40px}.compare-table th,.compare-table td{padding:20px;text-align:center;border-bottom:1px solid #e2e8f0}.compare-table th:first-child,.compare-table td:first-child{text-align:left;padding-left:0;font-weight:600}.compare-table th{font-size:18px;color:var(--primary)}.check-icon{color:#10b981;font-size:18px}.dash-icon{color:#cbd5e1}.faq-section{padding:80px 0;max-width:800px;margin:0 auto}.faq-item{margin-bottom:24px;border-bottom:1px solid #e2e8f0;padding-bottom:24px}.faq-question{font-size:18px;font-weight:700;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between}.faq-answer{color:var(--text-light);font-size:15px;line-height:1.6}@media (max-width: 768px){.pricing-card.popular{transform:none}.compare-table{display:block;overflow-x:auto}}.feature-block{display:flex;align-items:center;gap:60px;padding:80px 0;border-bottom:1px solid #f1f5f9}.feature-block:last-child{border-bottom:none}.feature-block.reverse{flex-direction:row-reverse}.feature-content,.feature-media{flex:1}.feature-label{display:inline-block;padding:6px 12px;background:#e0f2fe;color:var(--accent);border-radius:20px;font-size:13px;font-weight:700;margin-bottom:20px;text-transform:uppercase}.feature-title{font-size:32px;font-weight:800;color:var(--text-dark);margin-bottom:20px;line-height:1.2}.feature-desc{font-size:16px;color:var(--text-light);margin-bottom:30px}.feature-list li{margin-bottom:15px;display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-dark)}.feature-list li i{color:var(--success);margin-top:4px}.feature-img{width:100%;border-radius:16px;box-shadow:0 20px 40px -10px #00000026;border:1px solid #e2e8f0;transition:.3s}.feature-block:hover .feature-img{transform:translateY(-5px);box-shadow:0 25px 50px -10px #0003}.integration-section{padding:80px 0;background:#f8fafc;text-align:center}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:30px;margin-top:50px;align-items:center}.integration-item{background:#fff;padding:30px;border-radius:12px;box-shadow:var(--shadow-sm);font-weight:700;color:#64748b;font-size:18px;transition:.3s}.integration-item:hover{transform:translateY(-5px);color:var(--accent);box-shadow:var(--shadow-md)}@media (max-width: 992px){.feature-block{flex-direction:column;gap:40px;padding:60px 0;text-align:center}.feature-block.reverse{flex-direction:column}.feature-list li{justify-content:center;text-align:left}}.contact-section{padding:80px 0;background:var(--bg-light)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;background:var(--white);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg)}.contact-info-box{background:var(--primary);color:var(--white);padding:60px 40px;position:relative;overflow:hidden}.contact-info-box:before{content:"";position:absolute;bottom:-50px;right:-50px;width:200px;height:200px;background:#ffffff0d;border-radius:50%}.contact-info-header h3{font-size:24px;margin-bottom:10px}.contact-info-header p{color:#94a3b8;margin-bottom:40px}.info-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px}.info-icon{width:40px;height:40px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;flex-shrink:0}.info-text h4{font-size:16px;font-weight:600;margin-bottom:5px}.info-text p{font-size:14px;color:#cbd5e1;line-height:1.5}.contact-form-box{padding:60px 40px}.form-label{display:block;font-weight:600;font-size:14px;margin-bottom:8px;color:var(--text-dark)}.form-control{width:100%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;outline:none;transition:.3s}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 4px #3b82f61a}textarea.form-control{resize:vertical;min-height:120px}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}.contact-info-box,.contact-form-box{padding:40px 24px}}:root{--primary: #0f172a;--accent: #3b82f6;--bg-body: #f1f5f9;--white: #ffffff;--text-dark: #1e293b;--text-light: #64748b;--danger: #ef4444;--warning: #f59e0b;--success: #10b981;--sidebar-width: 260px;--header-height: 70px;--shadow: 0 1px 3px rgba(0,0,0,.1);--radius: 8px}body{font-family:Inter,sans-serif;background-color:var(--bg-body);color:var(--text-dark)}a{text-decoration:none;color:inherit}ul{list-style:none}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--primary);color:#94a3b8;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 24px;color:var(--white);font-size:20px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-menu{padding:20px 0;flex:1}.menu-label{padding:10px 24px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#475569;font-weight:600}.sidebar-menu a{display:flex;align-items:center;padding:12px 24px;color:#cbd5e1;transition:.3s;font-size:14px}.sidebar-menu a:hover,.sidebar-menu a.active{background:#ffffff0d;color:var(--white);border-left:3px solid var(--accent)}.sidebar-menu i{margin-right:12px;width:20px;text-align:center}.main-content{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;overflow-y:auto;min-height:100vh}.top-header{height:var(--header-height);background:var(--white);display:flex;justify-content:space-between;align-items:center;padding:0 30px;box-shadow:var(--shadow);position:sticky;top:0;z-index:99}.search-box{display:flex;align-items:center;background:var(--bg-body);padding:8px 16px;border-radius:20px;width:300px}.search-box input{border:none;background:transparent;outline:none;margin-left:10px;color:var(--text-dark);width:100%}.user-menu{display:flex;align-items:center;gap:20px}.notification{position:relative;cursor:pointer}.badge-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--danger);border-radius:50%}.user-profile-container{position:relative}.user-profile{display:flex;align-items:center;gap:10px;cursor:pointer}.user-profile:hover{opacity:.8}.avatar{width:36px;height:36px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--white);border-radius:var(--radius);box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;min-width:200px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;padding:12px 16px;color:var(--text-dark);font-size:14px;transition:background-color .2s}.dropdown-item:hover{background-color:var(--bg-body)}.dropdown-item i{width:20px;color:var(--text-light)}.dropdown-divider{height:1px;background-color:#e2e8f0;margin:4px 0}.dashboard-body{padding:30px}.page-title{margin-bottom:24px}.page-title h2{font-size:24px;font-weight:700}.page-title p{color:var(--text-light);font-size:14px;margin-top:5px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:30px}.card{background:var(--white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.icon-blue{background:#e0f2fe;color:var(--accent)}.icon-green{background:#d1fae5;color:var(--success)}.icon-orange{background:#fef3c7;color:var(--warning)}.icon-red{background:#fee2e2;color:var(--danger)}.card h3{font-size:14px;color:var(--text-light);font-weight:500}.card .number{font-size:28px;font-weight:700;margin:5px 0}.card .trend{font-size:12px}.trend.up{color:var(--success)}.trend.down{color:var(--danger)}.table-section{background:var(--white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn-sm{padding:8px 16px;font-size:13px;border-radius:6px;border:none;cursor:pointer}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px;font-size:13px;color:var(--text-light);border-bottom:1px solid #e2e8f0}td{padding:16px 12px;font-size:14px;border-bottom:1px solid #f1f5f9;color:var(--text-dark)}tr:hover{background-color:#f8fafc}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.safe{background:#d1fae5;color:#065f46}.status-badge.risk{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#fef3c7;color:#92400e}.tag-badge{background:#f1f5f9;padding:4px 8px;border-radius:4px;font-size:12px;margin-right:4px;border:1px solid #e2e8f0}.upload-zone{border:2px dashed #cbd5e1;border-radius:var(--radius);padding:30px;text-align:center;background:#f8fafc;margin-bottom:30px;transition:.3s;cursor:pointer}.upload-zone:hover{border-color:var(--accent);background:#eff6ff}.upload-icon{font-size:32px;color:var(--accent);margin-bottom:10px}.folder-section{margin-bottom:30px}.section-title-sm{font-size:14px;font-weight:600;color:var(--text-light);margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.folder-card{background:var(--white);padding:15px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;align-items:center;cursor:pointer;transition:.2s;border:1px solid transparent}.folder-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 4px 6px #0000000d}.folder-icon{font-size:24px;color:#f59e0b;margin-right:12px}.ai-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;margin-right:5px;background:#f1f5f9;border:1px solid #e2e8f0;color:var(--text-dark)}.ai-tag i{margin-right:4px;font-size:10px;color:var(--accent)}.confidence-score{font-size:11px;color:var(--success);font-weight:600}.tab-menu{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:24px}.tab-item{padding:12px 24px;font-size:14px;font-weight:500;color:var(--text-light);cursor:pointer;border-bottom:2px solid transparent;transition:.3s}.tab-item:hover{color:var(--accent)}.tab-item.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-count{background:#f1f5f9;padding:2px 8px;border-radius:10px;font-size:11px;margin-left:6px;color:var(--text-dark)}.avatar-group{display:flex;align-items:center}.avatar-sm{width:32px;height:32px;border-radius:50%;border:2px solid var(--white);background:#cbd5e1;color:var(--white);font-size:10px;display:flex;align-items:center;justify-content:center;margin-left:-10px;font-weight:600}.avatar-sm:first-child{margin-left:0}.avatar-sm.done{background:var(--success)}.avatar-sm.pending{background:var(--warning)}.progress-wrapper{width:100px}.progress-text{font-size:11px;margin-bottom:4px;display:flex;justify-content:space-between}.progress-bar-bg{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--success);border-radius:3px}.filter-bar{background:var(--white);padding:15px 20px;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;gap:15px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filter-group{display:flex;align-items:center;gap:8px}.filter-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;color:var(--text-dark);outline:none;font-size:14px;background:#fff}.ai-alert-box{background:#fef2f2;border:1px solid #fee2e2;border-left:4px solid var(--danger);padding:15px 20px;border-radius:6px;margin-bottom:24px;display:flex;align-items:flex-start;gap:15px}.ai-alert-icon{color:var(--danger);font-size:20px;margin-top:2px}.ai-alert-content h4{font-size:15px;margin-bottom:4px;color:#991b1b}.ai-alert-content p{font-size:13px;color:#b91c1c}.badge-level{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.level-critical{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.level-warning{background:#ffedd5;color:#9a3412;border:1px solid #fed7aa}.level-info{background:#e0f2fe;color:#075985;border:1px solid #bae6fd}.level-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.user-cell{display:flex;flex-direction:column}.user-ip{font-size:11px;color:var(--text-light);margin-top:2px}.storage-overview{background:var(--white);padding:30px;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:30px}.storage-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px}.storage-total{font-size:32px;font-weight:800;color:var(--text-dark)}.storage-total span{font-size:14px;font-weight:500;color:var(--text-light)}.storage-bar{height:24px;width:100%;background:#f1f5f9;border-radius:12px;display:flex;overflow:hidden;margin-bottom:20px}.sb-segment{height:100%;transition:width .5s ease;position:relative}.sb-segment:hover{opacity:.9;cursor:pointer}.bg-docs{background:#3b82f6}.bg-media{background:#10b981}.bg-backup{background:#8b5cf6}.bg-other{background:#cbd5e1}.storage-legend{display:flex;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;font-size:13px;color:var(--text-light)}.dot{width:10px;height:10px;border-radius:50%;margin-right:8px}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:30px}.policy-card{background:var(--white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--accent);position:relative}.policy-active{border-left-color:var(--success)}.policy-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.policy-title{font-weight:700;font-size:16px}.policy-desc{font-size:13px;color:var(--text-light);margin-bottom:15px;line-height:1.5}.policy-switch{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.switch-toggle{width:36px;height:20px;background:#cbd5e1;border-radius:20px;position:relative;cursor:pointer;transition:.3s}.switch-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.3s}.switch-active{background:var(--success)}.switch-active:after{left:18px}.backup-status{display:flex;align-items:center;justify-content:space-between;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:15px 20px;border-radius:var(--radius);margin-bottom:30px}.settings-card{background:var(--white);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;margin-bottom:24px;border:1px solid #e2e8f0}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f1f5f9}.settings-header h3{font-size:16px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:8px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f8fafc}.setting-row:last-child{border-bottom:none}.setting-info{flex:1;padding-right:20px}.setting-title{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:4px;display:block}.setting-desc{font-size:13px;color:var(--text-light);line-height:1.4}.setting-action{flex-shrink:0}.custom-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background-color:#f8fafc;color:var(--text-dark);font-size:13px;outline:none;cursor:pointer;min-width:150px}.custom-select:focus{border-color:var(--accent);background:#fff}.toggle-switch{position:relative;width:44px;height:24px;background-color:#cbd5e1;border-radius:24px;cursor:pointer;transition:.3s}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch.active{background-color:var(--success)}.toggle-switch.active:after{left:22px}.member-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f1f5f9}.member-item:last-child{border-bottom:none}.member-avatar{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-right:15px}.member-details{flex:1}.member-name{font-size:14px;font-weight:600;color:var(--text-dark);display:block}.member-email{font-size:12px;color:var(--text-light)}.role-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-right:20px}.role-owner{background:#fee2e2;color:#ef4444}.role-editor{background:#e0f2fe;color:#0ea5e9}.role-viewer{background:#f1f5f9;color:#64748b}.member-actions{display:flex;gap:10px}.member-actions i{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:.2s}.member-actions i:hover{background:#f1f5f9;color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:15px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}.doc-viewer-container{display:flex;height:calc(100vh - 140px);gap:24px;align-items:stretch}.doc-preview{flex:1;background:#525659;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.doc-preview img{max-width:90%;max-height:95%;box-shadow:0 4px 15px #0000004d;border:1px solid #ddd}.viewer-toolbar{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000c;padding:8px 16px;border-radius:30px;display:flex;gap:15px}.viewer-btn{color:#fff;font-size:16px;cursor:pointer;transition:.2s}.viewer-btn:hover{color:var(--accent)}.ai-sidebar{width:350px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0}.ai-header{padding:15px 20px;border-bottom:1px solid #f1f5f9;background:#f8fafc;display:flex;justify-content:space-between;align-items:center}.ai-header h3{font-size:14px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px}.ai-content{padding:20px;flex:1;overflow-y:auto}.ai-field-group{margin-bottom:16px;position:relative}.ai-field-label{font-size:12px;color:var(--text-light);margin-bottom:4px;display:flex;justify-content:space-between}.ai-input{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;color:var(--text-dark);background:#fff}.ai-filled{border-color:#86efac;background:#f0fdf4}.confidence-badge{font-size:10px;color:#166534;background:#dcfce7;padding:1px 6px;border-radius:4px}.ai-summary{background:#eff6ff;padding:12px;border-radius:8px;font-size:13px;color:#1e3a8a;line-height:1.5;margin-bottom:20px;border:1px solid #dbeafe}.ai-footer{padding:15px 20px;border-top:1px solid #f1f5f9;display:flex;gap:10px}.signing-tool-container{background:var(--white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #e2e8f0;height:100%;display:flex;flex-direction:column}.sign-tabs{display:flex;background:#f1f5f9;padding:4px;border-radius:8px;margin-bottom:20px}.sign-tab-btn{flex:1;text-align:center;padding:8px;font-size:13px;font-weight:600;color:var(--text-light);border-radius:6px;cursor:pointer;transition:.2s}.sign-tab-btn.active{background:var(--white);color:var(--text-dark);box-shadow:0 1px 3px #0000001a}.signature-pad-area{border:2px dashed #cbd5e1;background-color:#f8fafc;height:200px;border-radius:8px;position:relative;cursor:crosshair;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.signature-placeholder{color:#94a3b8;font-size:14px;pointer-events:none}.signature-font-preview{font-family:Dancing Script,cursive;font-size:32px;color:var(--primary);text-align:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:15px}.doc-overlay-marker{position:absolute;top:60%;left:60%;background:#ef4444e6;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #0003;animation:pulse 2s infinite;z-index:10}.doc-overlay-marker:hover{transform:scale(1.1)}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.legal-text{font-size:11px;color:#94a3b8;margin-top:auto;text-align:center;line-height:1.4;padding-top:20px;border-top:1px solid #f1f5f9}.mobile-menu-btn{display:none;background:none;border:none;font-size:20px;color:var(--text-dark);cursor:pointer;padding:8px;border-radius:6px;transition:background .2s}.mobile-menu-btn:hover{background:var(--bg-body)}.sidebar-close-btn{display:none;background:none;border:none;color:var(--white);font-size:20px;cursor:pointer;padding:8px;margin-left:auto;border-radius:6px;transition:background .2s}.sidebar-close-btn:hover{background:#ffffff1a}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-body{padding:20px}.top-header{padding:0 20px}.search-box{width:250px}.user-profile>div:first-of-type{display:none}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.upload-zone{padding:20px}}@media (max-width: 768px){.mobile-menu-btn{display:block}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay,.sidebar-close-btn{display:block}.sidebar-header{padding:0 20px}.main-content{margin-left:0;width:100%}.top-header{padding:0 15px;height:60px}.search-box{flex:1;width:auto;max-width:none}.search-box input{font-size:14px}.user-profile{gap:8px}.user-profile>div:first-of-type{display:none}.user-profile span{display:none}.avatar{width:32px;height:32px;font-size:12px}.user-dropdown{right:-10px;min-width:180px}.dashboard-body{padding:15px}.page-title h2{font-size:20px}.page-title p{font-size:13px}.stats-grid{grid-template-columns:1fr;gap:15px}.card{padding:20px}.card h3{font-size:14px}.number{font-size:28px}.table-section{padding:15px;overflow-x:auto}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.section-header h3{font-size:16px}table{font-size:13px;min-width:600px}table th,table td{padding:10px 8px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -15px;padding:0 15px}.btn-sm{padding:8px 16px;font-size:13px}.tag-badge,.status-badge{font-size:11px;padding:4px 8px}}@media (max-width: 480px){.top-header{padding:0 10px}.search-box{padding:6px 12px}.search-box input{font-size:13px}.dashboard-body{padding:10px}.page-title h2{font-size:18px}.card{padding:15px}.number{font-size:24px}.user-dropdown{right:-5px;min-width:160px}.dropdown-item{padding:10px 12px;font-size:13px}.folder-grid{grid-template-columns:1fr}.upload-zone{padding:15px}.upload-icon{font-size:24px}.dashboard-body>div[style*=grid]{grid-template-columns:1fr!important}}@media (min-width: 1440px){.stats-grid{grid-template-columns:repeat(4,1fr)}.dashboard-body{padding:40px}.card{padding:30px}}:root{--primary: #0f172a;--accent: #3b82f6;--text-dark: #1e293b;--text-light: #64748b;--white: #ffffff;--bg-input: #f8fafc;--border: #e2e8f0}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:var(--accent);font-weight:500;transition:.3s}a:hover{color:#2563eb;text-decoration:underline}.auth-container{display:flex;min-height:100vh;width:100%;overflow:hidden}.auth-side-image{flex:1;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;flex-direction:column;justify-content:center;padding:60px;color:#fff;position:relative}.auth-side-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://images.unsplash.com/photo-1614064641938-3bbee52942c7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80);background-size:cover;background-position:center;opacity:.1}.auth-quote{position:relative;z-index:2;max-width:480px}.auth-quote h2{font-size:32px;font-weight:700;margin-bottom:20px;line-height:1.3}.auth-quote p{font-size:16px;color:#cbd5e1;line-height:1.6}.auth-form-container{flex:1;background:var(--white);display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto}.auth-box{width:100%;max-width:400px}.logo{font-size:24px;font-weight:800;color:var(--primary);margin-bottom:30px;display:inline-flex;align-items:center;gap:10px}.auth-title{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:10px}.auth-subtitle{color:var(--text-light);margin-bottom:30px;font-size:15px}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);font-size:14px;outline:none;transition:.3s}.form-input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #3b82f61a}.btn-auth{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:.3s;margin-top:10px}.btn-auth:hover{background:#2563eb;transform:translateY(-2px)}.form-footer{margin-top:24px;text-align:center;font-size:14px;color:var(--text-light)}.divider{display:flex;align-items:center;margin:30px 0;color:#94a3b8;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.divider span{padding:0 10px}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-social{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text-dark);font-weight:500;cursor:pointer;transition:.2s}.btn-social:hover{background:#f8fafc;border-color:#cbd5e1}.check-group{display:flex;justify-content:space-between;align-items:center;font-size:14px}.checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-light)}@media (max-width: 900px){.auth-side-image{display:none}.auth-form-container{padding:20px}.auth-box{max-width:100%}}@media (max-width: 480px){.auth-form-container{padding:15px}.auth-title{font-size:24px}.auth-subtitle{font-size:14px}.form-input{padding:10px 14px;font-size:14px}.btn-auth{padding:10px;font-size:15px}.social-login{grid-template-columns:1fr}.btn-social{width:100%}}body{margin:0;font-family:Arial,sans-serif;background-color:#f0f0f0}h1,h2,h3,h4,h5,h6{margin:0;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background-color:#282c34;padding:20px;color:#fff;text-align:center}.footer{background-color:#282c34;padding:10px;color:#fff;text-align:center}.main-content{padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a}