:root{--bg-color: #0d1117;--card-bg: rgba(22, 27, 34, .8);--border-color: rgba(48, 54, 61, .7);--primary: #10b981;--primary-glow: rgba(16, 185, 129, .3);--danger: #ef4444;--text-main: #f0f6fc;--text-muted: #8b949e;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow-x:hidden;line-height:1.5}#app{max-width:600px;margin:0 auto;padding:20px;min-height:100vh}.main-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px}.logo{display:flex;align-items:center;gap:10px}.logo span{font-size:32px;color:var(--primary)}.logo h1{font-size:1.5rem;font-weight:700}.logo h1 span{color:var(--primary);font-size:inherit}.header-actions{display:flex;gap:10px}.btn-icon{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--primary);padding:10px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:active{transform:scale(.95);background:var(--primary-glow)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card .label{font-size:.8rem;color:var(--text-muted)}.stat-card .value{font-size:1.4rem;font-weight:700}.stat-card.overdue .value{color:var(--danger)}.stat-card.total .value{color:var(--primary)}.section-header{margin-bottom:20px}.section-header h2{font-size:1.1rem;margin-bottom:15px}.search-bar{position:relative;display:flex;align-items:center}.search-bar span{position:absolute;left:15px;color:var(--text-muted)}.search-bar input{width:100%;background:var(--card-bg);border:1px solid var(--border-color);padding:15px 15px 15px 45px;border-radius:15px;color:var(--text-main);font-family:inherit;outline:none}.list-container{display:flex;flex-direction:column;gap:12px}.client-card{background:var(--card-bg);border:1px solid var(--border-color);padding:16px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.client-info h3{font-size:1rem}.client-info p{font-size:.85rem;color:var(--text-muted)}.client-debt{text-align:right}.debt-value{font-weight:700;color:var(--text-main)}.overdue-badge{color:var(--danger);font-size:.75rem;display:flex;align-items:center;gap:4px;margin-top:4px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state span{font-size:48px;margin-bottom:10px;opacity:.3}.public-panel{padding:20px;background:radial-gradient(circle at top right,#1a202c,#0d1117);min-height:100vh}.public-header{display:flex;justify-content:center;padding:30px 0}.public-hero{background:#10b9811a;border:1px solid rgba(16,185,129,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:50px 20px;border-radius:32px;text-align:center;margin-bottom:40px;box-shadow:0 20px 40px #0000004d;position:relative;overflow:hidden}.public-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 60%);pointer-events:none}.public-hero .label{font-size:.9rem;color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:10px}.public-hero .main-debt{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(16,185,129,.4)}.public-hero .sub-label{font-size:.9rem;color:var(--text-muted);margin-top:10px}.public-section h3{font-size:1.1rem;font-weight:600;margin-bottom:20px;color:#fff;display:flex;align-items:center;gap:10px}.public-section h3:before{content:"";width:4px;height:18px;background:var(--primary);border-radius:2px}.public-list{display:flex;flex-direction:column;gap:15px}.public-item{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;margin-bottom:15px;transition:all .3s ease;overflow:hidden}.item-main{padding:24px;display:flex;justify-content:space-between;align-items:center}.item-info{display:flex;flex-direction:column}.item-info .date{font-size:.75rem;color:var(--text-muted);margin-bottom:4px}.item-info .type{font-size:1.05rem;font-weight:600}.item-main .amount{font-size:1.2rem;font-weight:700}.item-main .amount.success{color:var(--primary)}.item-details{background:#0003;padding:24px;border-top:1px solid var(--glass-border)}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.proof-box{text-align:center}.proof-label{font-size:.65rem;color:var(--text-muted);display:block;margin-bottom:10px}.proof-box img{border-radius:12px;background:#fff;padding:4px;width:100%}.public-footer{margin-top:50px;text-align:center;color:var(--text-muted);font-size:.85rem}.login-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top right,#1a202c,#0d1117)}.login-card{width:100%;max-width:360px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 24px;border-radius:32px;box-shadow:0 30px 60px #0006;margin-top:40px}.login-card h2{font-size:1.5rem;font-weight:700;margin-bottom:8px;text-align:center}.login-card p{font-size:.9rem;color:var(--text-muted);text-align:center;margin-bottom:32px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon span{position:absolute;left:16px;font-size:20px;color:var(--text-muted)}.input-with-icon input{width:100%;padding:16px 16px 16px 48px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:16px;color:#fff;font-family:inherit;outline:none;transition:all .3s ease}.input-with-icon input:focus{border-color:var(--primary);background:#ffffff1a}.login-footer{margin-top:40px;font-size:.8rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:flex-start;padding:20px;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-color);width:100%;max-width:500px;border-radius:20px;padding:25px;transform:translateY(-30px);transition:transform .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color);box-shadow:0 20px 40px #0006;max-height:90vh;overflow-y:auto}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-header h2{font-size:1.3rem}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.form-group input{width:100%;background:var(--card-bg);border:1px solid var(--border-color);padding:15px;border-radius:12px;color:var(--text-main);font-size:1rem;outline:none}.btn-primary{width:100%;background:var(--primary);color:#fff;border:none;padding:16px;border-radius:15px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:10px}.capture-container{background:#000;border-radius:20px;overflow:hidden;margin-bottom:15px;position:relative;aspect-ratio:4/3;display:flex;justify-content:center;align-items:center}#camera-preview,#signature-canvas{width:100%;height:100%;object-fit:cover}.capture-controls{position:absolute;bottom:20px;left:0;width:100%;display:flex;justify-content:center;gap:15px}.btn-capture{background:#fff;border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.btn-capture span{color:var(--bg-color);font-size:28px}.captured-image{width:100%;height:100%;object-fit:contain}