:root{--primary:#1e40af;--primary-dark:#3730a3;--secondary:#f59e0b;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--light:#f8fafc;--dark:#1f2937;--gray:#6b7280;--border:#e5e7eb;--shadow:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001a;--radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.top-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 4px 20px #00000026;color:#fff;height:70px;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.logo,.top-navbar{align-items:center;display:flex}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;cursor:pointer;font-size:24px;font-weight:800;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.logo:hover{transform:translateY(-2px)}.logo:before{content:"🔧";filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:26px}.search-input{background:#fffffff2;border:2px solid #0000;border-radius:10px;box-shadow:0 4px 15px #0000001a;font-size:15px;outline:none;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40%}.search-input:focus{background:#fff;border-color:#3b82f680;box-shadow:0 6px 20px #00000026;width:45%}.user-avatar{border:2px solid #ffffff4d;box-shadow:0 4px 10px #0003;font-size:16px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:42px}.user-avatar:hover{box-shadow:0 6px 15px #0000004d;transform:scale(1.1) rotate(5deg)}.avatar-dropdown{animation:slideDown .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);box-shadow:0 12px 40px #00000026;overflow:hidden;padding:0;top:55px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-name{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:var(--dark);margin:0;padding:16px}.avatar-dropdown button{align-items:center;background:#0000;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 16px;text-align:right;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.avatar-dropdown button:before{content:"🚪";font-size:16px}.avatar-dropdown button:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding-right:20px}.auth-buttons{display:flex;gap:12px}.auth-buttons button{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;overflow:hidden;padding:10px 22px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.auth-buttons button:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.auth-buttons button:active:after{animation:ripple .6s ease-out}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}.btn-outline{background:#0000;border:2px solid #fffc;color:#fff}.btn-outline:hover{background:#ffffff26;border-color:#fff;box-shadow:0 6px 15px #ffffff1a;transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--secondary) 0,#d97706 100%);box-shadow:0 4px 15px #f59e0b4d;color:#fff;font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 25px #f59e0b66;transform:translateY(-3px)}.problems-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin-top:30px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #fffc;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);cursor:pointer;margin-bottom:0;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:before{background:linear-gradient(180deg,#1e40af,#3730a3);background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:12px 0 0 12px;border-radius:var(--radius) 0 0 var(--radius);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.card:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.card:after{background:linear-gradient(135deg,#3b82f60d,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover:after{opacity:1}.card.danger:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.card.warning:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.card.success:before{background:linear-gradient(180deg,#10b981,#059669)}.card-title{color:#1f2937;color:var(--dark);font-size:19px;font-weight:800;line-height:1.4;margin-bottom:10px}.card-category,.card-title{position:relative;z-index:2}.card-category{box-shadow:0 2px 5px #0000000d;color:var(--primary-dark);margin-bottom:12px;padding:6px 14px}.card-description{color:#6b7280;color:var(--gray);font-size:15px;line-height:1.6;margin-bottom:18px;position:relative;z-index:2}.status-badge{border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:12px;font-weight:800;letter-spacing:.5px;padding:6px 14px;position:absolute;right:20px;text-transform:uppercase;top:20px;z-index:3}.status-open{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.status-in-progress{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-resolved{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.card-stats{display:flex;gap:20px}.stat-item{align-items:center;background:#00000005;border-radius:8px;color:#6b7280;color:var(--gray);display:flex;font-size:14px;font-weight:600;gap:8px;padding:6px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:2}.stat-item:hover{background:#0000000d;transform:translateY(-2px)}.stat-item:before{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:16px}.pagination{gap:8px;text-align:center}.pagination button{border:2px solid #e5e7eb;border:2px solid var(--border);font-weight:700;margin:0;min-width:44px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pagination button:hover:not(.active):not(:disabled){border-color:#1e40af;border-color:var(--primary);box-shadow:0 6px 15px #3b82f61a;color:#1e40af;color:var(--primary);transform:translateY(-3px)}.pagination .active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 6px 20px #1e40af4d;transform:translateY(-2px)}.fab{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:3px solid #fff3;bottom:40px;box-shadow:0 10px 30px #1e40af66;font-size:36px;height:75px;right:40px;width:75px}.fab,.fab:after{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.fab:after{background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;bottom:-5px;content:"";filter:blur(10px);left:-5px;opacity:.3;position:absolute;right:-5px;top:-5px;z-index:-1}.fab:hover{box-shadow:0 15px 40px #1e40af80;transform:scale(1.15) rotate(90deg)}.fab:hover:after{opacity:.5;transform:scale(1.2)}.add-card,.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #fffc;border-radius:20px;box-shadow:0 20px 60px #0000001a,inset 0 1px 0 #fffc;padding:50px}.add-card h2,.auth-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;font-size:32px;font-weight:900;margin-bottom:40px;padding-bottom:20px;position:relative;text-align:center}.add-card h2:after,.auth-card h2:after{background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:3px;bottom:0;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.input,.select,.textarea{border-radius:12px;box-shadow:0 2px 5px #0000000d;padding:14px 18px}.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 4px #3b82f61a,0 4px 15px #3b82f61a}.btn-save{background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;box-shadow:0 6px 20px #1e40af4d;color:#fff;cursor:pointer;font-size:17px;font-weight:800;margin-top:20px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-save:hover{box-shadow:0 10px 30px #1e40af66;transform:translateY(-3px)}.btn-save:active{transform:translateY(-1px)}.btn-save:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.btn-save:active:after{animation:ripple .6s ease-out}.error{animation:shake .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#fee2e2f2,#fecacaf2);border-left:5px solid #ef4444;border-radius:12px;box-shadow:0 4px 15px #ef44441a;color:#b91c1c;font-size:15px;font-weight:700;margin-bottom:25px;padding:16px 20px;text-align:center}.comment-block{animation:fadeInComment .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#fffffff2,#ffffffe6);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);padding:24px}.comment-author{font-size:16px}.modal-overlay{align-items:center;animation:fadeInOverlay .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.modal{animation:modalSlideUp .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #fffc;border-radius:24px;box-shadow:0 30px 60px #0000004d,inset 0 1px 0 #fffc;max-width:90%;overflow:hidden;width:550px}body:before{background:radial-gradient(circle at 20% 80%,#3b82f61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#f59e0b1a 0,#0000 50%),radial-gradient(circle at 40% 40%,#10b9810d 0,#0000 50%);bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:-1}.spinner{animation:spin 1s cubic-bezier(.4,0,.2,1) infinite;border:4px solid #e5e7eb4d;border-radius:50%;border-top:4px solid var(--primary);height:50px;position:relative;width:50px}.spinner:after{animation:spin 1.5s cubic-bezier(.4,0,.2,1) infinite reverse;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--secondary);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}@media (max-width:768px){.top-navbar{border-radius:0 0 20px 20px;flex-direction:column;gap:20px;height:auto;padding:20px}.search-input{order:3;width:100%}.search-input:focus{width:100%}.problems-grid{gap:20px;grid-template-columns:1fr}.fab{bottom:25px;font-size:32px;height:65px;right:25px;width:65px}.add-card,.auth-card{margin:20px;padding:30px 25px}.avatar-dropdown{right:-10px}}@media (max-width:480px){:root{--radius:16px}.card,.comments-page,.content{padding:20px}.modal{border-radius:20px;width:95%}.status-badge{font-size:11px;padding:5px 12px;right:15px;top:15px}}html{scroll-behavior:smooth}::selection{background:#3b82f64d;color:#1f2937;color:var(--dark)}:focus{outline:2px solid #3b82f680;outline-offset:2px}@media print{.auth-buttons,.fab,.pagination,.top-navbar{display:none!important}.card{border:1px solid #ddd!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}}.comments-page{animation:fadeIn .5s ease;margin:0 auto;max-width:900px;padding:40px}.comments-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:40px;padding:30px;text-align:center}.comments-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;color:#1f2937;color:var(--dark);display:inline-block;font-size:32px;font-weight:900;margin-bottom:15px;position:relative}.comments-header h1:after{background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.comment-count{background:#00000008;border:1px solid #0000000d;border-radius:50px;color:#6b7280;color:var(--gray);display:inline-block;font-size:16px;font-weight:600;margin-top:10px;padding:8px 20px}.comments-list{margin-bottom:50px}.comment-block{animation:fadeInComment .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #fffc;border-radius:16px;box-shadow:0 6px 20px #00000014;margin-bottom:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.comment-block:hover{border-left-color:#f59e0b;border-left-color:var(--secondary);box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.comment-block:before{background:linear-gradient(135deg,#3b82f60d,#0000 50%);border-radius:0 16px 0 100px;content:"";height:80px;position:absolute;right:0;top:0;width:80px}.comment-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px;position:relative;z-index:2}.comment-author{align-items:center;color:#1f2937;color:var(--dark);display:flex;font-size:17px;font-weight:800;gap:10px}.comment-author:before{content:"👤";font-size:16px;opacity:.7}.comment-date{background:#00000008;border-radius:20px;color:#6b7280;color:var(--gray);font-size:13px;font-weight:500;padding:4px 12px}.comment-text{background:#00000003;border-left:3px solid #3b82f633;border-radius:10px;color:#4b5563;font-size:15.5px;line-height:1.7;margin-bottom:15px;padding:15px;position:relative;z-index:2}.comment-status{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;margin-top:10px;padding:6px 15px;text-transform:uppercase}.comment-status.open{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.comment-status.solved{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.add-comment{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-top:40px;padding:30px}.add-comment h3{align-items:center;color:#1f2937;color:var(--dark);display:flex;font-size:22px;font-weight:800;gap:10px;margin-bottom:20px}.add-comment h3:before{content:"💬";font-size:20px}.add-comment textarea{background:#ffffffe6;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;font-family:inherit;font-size:16px;height:120px;line-height:1.6;padding:18px;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.add-comment textarea:focus{background:#fff;border-color:#1e40af;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a;outline:none}.add-comment textarea::placeholder{color:#9ca3af;font-size:15px}.add-comment .button-group{display:flex;gap:15px;margin-top:20px}.add-comment button{align-items:center;background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.add-comment button:hover{box-shadow:0 10px 25px #1e40af4d;transform:translateY(-3px)}.add-comment button:active{transform:translateY(-1px)}.add-comment button:before{content:"➕";font-size:18px}.add-comment button.cancel{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;color:var(--gray);flex:0.5 1}.add-comment button.cancel:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 10px 25px #0000001a}.add-comment button.cancel:before{content:"✕"}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px dashed #3b82f64d;border-radius:20px;box-shadow:0 8px 25px #00000014;margin:40px 0;padding:60px 40px;text-align:center}.empty-state-icon{display:block;font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#1f2937;color:var(--dark);font-size:24px;font-weight:700;margin-bottom:15px}.empty-state p{color:#6b7280;color:var(--gray);font-size:16px;line-height:1.6;margin:0 auto 25px;max-width:500px}.add-page-container{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);display:flex;justify-content:center;min-height:calc(100vh - 60px);overflow:hidden;padding:40px 20px;position:relative}.add-page-container:before{background:radial-gradient(circle at 10% 20%,#3b82f61a 0,#0000 40%),radial-gradient(circle at 90% 80%,#f59e0b1a 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.add-card{animation:slideUp .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #fffc;border-radius:24px;box-shadow:0 25px 50px #00000026,inset 0 1px 0 #fffc;max-width:650px;padding:50px;position:relative;width:100%;z-index:1}.add-card h2{background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:34px;font-weight:900;margin-bottom:40px;padding-bottom:20px;position:relative;text-align:center}.add-card h2:after{background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:3px;bottom:0;box-shadow:0 4px 12px #1e40af4d;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.form-group{margin-bottom:30px;position:relative}.form-group label{align-items:center;color:#1f2937;color:var(--dark);display:block;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:10px}.form-group label:after{color:#ef4444;content:"*";font-size:18px;margin-left:4px}.form-group label:before{background:#1e40af;background:var(--primary);border-radius:50%;content:"";display:inline-block;height:6px;width:6px}.input,.select,.textarea{background:#ffffffe6;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:14px;font-family:inherit;font-size:16px;outline:none;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.input:focus,.select:focus,.textarea:focus{background:#fff;border-color:#1e40af;border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61a,0 8px 25px #3b82f61a;transform:translateY(-2px)}.textarea{line-height:1.6;min-height:140px;resize:vertical}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;background-size:22px;cursor:pointer}.priority-selector{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:10px}.priority-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.priority-option:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.priority-option.selected{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#1e40af;border-color:var(--primary);box-shadow:0 8px 25px #1e40af26}.priority-indicator{border-radius:50%;height:20px;margin:0 auto;width:20px}.priority-low{background:linear-gradient(135deg,#10b981,#059669)}.priority-medium{background:linear-gradient(135deg,#f59e0b,#d97706)}.priority-high{background:linear-gradient(135deg,#ef4444,#dc2626)}.priority-label{color:#1f2937;color:var(--dark);font-size:14px;font-weight:700}.btn-submit{align-items:center;background:linear-gradient(135deg,#1e40af,#3730a3);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:14px;box-shadow:0 8px 30px #1e40af4d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:800;gap:12px;justify-content:center;margin-top:30px;overflow:hidden;padding:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn-submit:hover{box-shadow:0 15px 40px #1e40af66;transform:translateY(-4px)}.btn-submit:active{transform:translateY(-1px)}.btn-submit:before{content:"💾";font-size:20px}.btn-submit:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-submit:active:after{height:300px;width:300px}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#6b7280;color:var(--gray);cursor:pointer;display:flex;font-weight:700;gap:8px;left:30px;padding:12px 20px;position:absolute;text-decoration:none;top:30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:2}.back-button:hover{border-color:#1e40af;border-color:var(--primary);box-shadow:0 6px 20px #00000026;color:#1e40af;color:var(--primary);transform:translateX(-5px)}.back-button:before{content:"←";font-size:18px}.validation-message{align-items:center;animation:shake .5s ease;background:linear-gradient(135deg,#fee2e2e6,#fecacae6);border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;display:flex;font-size:14px;gap:8px;margin-top:8px;padding:8px 12px}.validation-message:before{content:"⚠️";font-size:14px}.success-message{align-items:center;animation:slideIn .5s ease;background:linear-gradient(135deg,#d1fae5e6,#a7f3d0e6);border-left:4px solid #10b981;border-radius:8px;color:#059669;display:flex;font-size:14px;gap:8px;margin-top:8px;padding:8px 12px}.success-message:before{content:"✅";font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.comments-header,.comments-page{padding:20px}.comments-header h1{font-size:26px}.comment-block{padding:20px}.add-card{margin:20px;padding:30px}.add-card h2{font-size:28px}.priority-selector{grid-template-columns:1fr}.back-button{left:0;margin-bottom:20px;position:relative;top:0;width:-webkit-fit-content;width:fit-content}.add-comment .button-group{flex-direction:column}.add-comment button,.add-comment button.cancel{flex:1 1;width:100%}}@media (max-width:480px){.comments-header h1{font-size:22px}.comment-header{align-items:flex-start;flex-direction:column;gap:10px}.add-card{padding:25px 20px}.add-card h2{font-size:24px}.form-group label{font-size:15px}.input,.select,.textarea{font-size:15px;padding:14px 16px}}.map-container{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 8px 25px #00000014;margin:40px auto;max-width:1200px;padding:30px}.map-title{color:#1f2937;font-size:28px;font-weight:800;margin-bottom:10px;text-align:center}.map-subtitle{color:#6b7280;font-size:16px;margin-bottom:30px;text-align:center}.map-wrapper{border:2px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:25px;overflow:hidden}.map-popup,.marker-popup{font-family:system-ui,-apple-system,sans-serif;min-width:200px;padding:15px}.map-popup h3{border-bottom:2px solid #e5e7eb;color:#1e40af;font-size:18px;padding-bottom:8px}.map-popup h3,.popup-info{margin-bottom:15px}.popup-info p{color:#4b5563;font-size:14px;margin:8px 0}.risk-منخفض{background:#ecfdf5;color:#10b981}.risk-متوسط,.risk-منخفض{border-radius:4px;font-weight:700;padding:2px 8px}.risk-متوسط{background:#fffbeb;color:#f59e0b}.risk-مرتفع{background:#fef2f2;border-radius:4px;color:#ef4444;font-weight:700;padding:2px 8px}.phones-list{border-top:1px solid #e5e7eb;margin-top:15px;max-height:150px;overflow-y:auto;padding-top:15px}.phone-item{background:#f8fafc;border-radius:8px;border-right:3px solid #3b82f6;font-size:14px;margin-bottom:8px;padding:8px 12px}.more-phones{color:#6b7280;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.map-legend{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.map-legend h4{color:#1f2937;font-size:18px;margin-bottom:15px;text-align:center}.legend-items{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.legend-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:10px}.legend-color{border-radius:50%;display:inline-block;height:20px;width:20px}.marker-popup h3{color:#ef4444;font-size:16px;margin-bottom:10px}.marker-popup p{font-size:14px;margin:5px 0}@media (max-width:768px){.map-container{margin:20px 10px;padding:20px}.map-title{font-size:22px}.map-wrapper{height:400px}.legend-items{align-items:flex-start;flex-direction:column;gap:15px}.map-legend h4{text-align:right}}@media (max-width:480px){.map-container{padding:15px}.map-title{font-size:20px}.map-subtitle{font-size:14px}.map-wrapper{height:350px}}.dashboard-controls{margin-bottom:30px}.dashboard-btn{font-size:16px;min-width:200px}.dashboard-btn:hover{box-shadow:0 8px 25px #0003}.quick-stats{margin-bottom:40px}.stat-card{gap:20px;padding:25px}.stat-icon{font-size:40px;height:70px;width:70px}.stat-info h3{font-size:32px}.card-category{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:20px;color:#3730a3;display:inline-block;font-size:13px;font-weight:700;margin-top:5px;padding:6px 15px}.stat-item.stat-location{background:#f0f9ff;border-radius:8px;color:#0369a1;padding:5px 10px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:50px 0}.pagination button{background:#fff;border:2px solid #d1d5db;border-radius:10px;cursor:pointer;font-weight:600;min-width:45px;padding:10px 18px;transition:all .3s ease}.pagination button:hover:not(.active):not(:disabled){border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px)}.pagination .active{background:linear-gradient(135deg,#1e40af,#3730a3);border:none;box-shadow:0 4px 15px #1e40af4d;color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.dashboard-controls{flex-direction:column}.dashboard-btn{min-width:auto;width:100%}.quick-stats{grid-template-columns:repeat(2,1fr)}.map-fab{bottom:90px}.fab,.map-fab{height:55px;right:20px;width:55px}.fab{bottom:20px}}@media (max-width:480px){.quick-stats{grid-template-columns:1fr}.stat-card{padding:20px}.pagination button{font-size:14px;min-width:40px;padding:8px 12px}}.navbar-controls{gap:15px}.nav-btn,.navbar-controls{align-items:center;display:flex}.nav-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:8px 20px;transition:all .3s ease}.nav-btn:hover{background:#fff3;transform:translateY(-2px)}.map-btn{background:linear-gradient(135deg,#10b98133,#05966933)}.map-btn:hover{background:linear-gradient(135deg,#10b9814d,#0596694d)}.avatar-wrapper{position:relative}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.user-avatar:hover{box-shadow:0 0 0 3px #ffffff4d;transform:scale(1.1)}.avatar-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:180px;padding:10px 0;position:absolute;right:0;top:50px;z-index:1000}.dropdown-name{border-bottom:1px solid #f3f4f6;color:#1f2937;font-weight:600;margin-bottom:8px;padding:12px 16px}.logout-btn{background:#0000;border:none;color:#ef4444;cursor:pointer;font-weight:600;padding:10px 16px;text-align:right;transition:all .3s ease;width:100%}.logout-btn:hover{background:#fef2f2;padding-right:20px}.dashboard-controls{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0 30px}.dashboard-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:12px 24px;transition:all .3s ease}.dashboard-btn.primary{background:linear-gradient(135deg,#1e40af,#3730a3);color:#fff}.dashboard-btn.secondary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.dashboard-btn:hover{box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;gap:15px;padding:20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);border-radius:50%;display:flex;font-size:32px;height:60px;justify-content:center;width:60px}.stat-info h3{color:#1f2937;font-size:28px;font-weight:800;margin-bottom:5px}.stat-info p{color:#6b7280;font-size:14px;font-weight:600}.fab{align-items:center;background:linear-gradient(135deg,#1e40af,#3730a3);border:none;border-radius:50%;bottom:30px;box-shadow:0 6px 20px #1e40af66;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:1000}.fab:hover{box-shadow:0 8px 25px #1e40af80;transform:scale(1.1)}.map-fab{background:linear-gradient(135deg,#10b981,#059669);bottom:100px;font-size:24px}.map-fab:hover{background:linear-gradient(135deg,#059669,#047857)}@media (max-width:768px){.navbar-controls{gap:10px}.nav-btn{font-size:13px;padding:6px 12px}.dashboard-controls{flex-direction:column}.dashboard-btn{min-width:auto;width:100%}.quick-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px}.stat-icon{height:50px;width:50px}.stat-icon,.stat-info h3{font-size:24px}.fab{bottom:20px;font-size:24px;right:20px}.fab,.map-fab{height:50px;width:50px}.map-fab{bottom:80px}}@media (max-width:480px){.top-navbar{flex-wrap:wrap;padding:15px}.logo{margin-bottom:10px;text-align:center;width:100%}.search-input{order:3;width:100%}.quick-stats{grid-template-columns:1fr}.avatar-dropdown{right:-50px}}
/*# sourceMappingURL=main.a08bb4d0.css.map*/