*{margin:0;padding:0;box-sizing:border-box}.dashboard{min-height:100vh;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.dashboard.dark{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:#ffffff}.dashboard.light{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#0f172a}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem;backdrop-filter:blur(20px);border-bottom:1px solid;position:sticky;top:0;z-index:100}.dashboard.dark .navbar{background:rgba(15,23,42,.9);border-bottom-color:rgba(203,213,225,.1)}.dashboard.light .navbar{background:rgba(248,250,252,.9);border-bottom-color:rgba(15,23,42,.1)}.logo,.navbar-left{display:flex;align-items:center}.logo{gap:1rem}.logo-icon{font-size:1.2rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;padding:.55rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(16,185,129,.2)}.logo-text h1{font-size:1.6rem;font-weight:700;margin-bottom:.2rem;color:#10b981}.logo-text p{font-size:.9rem;color:#cbd5e1;font-weight:500}.navbar-right{display:flex;align-items:center;gap:2rem}.toggle-container{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;color:#cbd5e1}.toggle-switch{position:relative;display:inline-block;width:54px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#94a3b8;border-radius:28px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#ffffff;border-radius:50%}input:checked+.slider{background:#10b981}input:checked+.slider:before{transform:translateX(26px)}.add-widget-btn{background:linear-gradient(135deg,#10b981,#059669);color:#0f172a;border:none;padding:.8rem 1.8rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px rgba(16,185,129,.2)}.add-widget-btn:hover{background:linear-gradient(135deg,#34d399,#10b981)}.main-section{padding:2rem}.widgets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;max-width:1800px;margin:0 auto}.widget{border-radius:12px;overflow:visible;border:1.5px solid;position:relative;backdrop-filter:blur(10px)}.dashboard.dark .widget{background:rgba(30,41,59,.6)}.dashboard.light .widget{background:rgba(255,255,255,.9)}.widget:hover{box-shadow:0 8px 20px rgba(0,0,0,.1)}.widget.healthy{border-color:#10b981}.widget.warning{border-color:#f59e0b}.widget.critical{border-color:#ef4444}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid}.dashboard.dark .widget-header{border-bottom-color:rgba(203,213,225,.1)}.dashboard.light .widget-header{border-bottom-color:rgba(15,23,42,.1)}.widget.healthy .widget-header{background:rgba(16,185,129,.05)}.widget.warning .widget-header{background:rgba(245,158,11,.05)}.widget.critical .widget-header{background:rgba(239,68,68,.05)}.widget-title{display:flex;align-items:center;gap:.55rem;font-weight:600;font-size:1.1rem;color:#ffffff}.dashboard.light .widget-title{color:#0f172a}.widget-icon{font-size:1.4rem}.widget-controls{gap:.5rem}.close-btn,.widget-controls{display:flex;align-items:center}.close-btn{background:none;border:none;font-size:1.6rem;cursor:pointer;opacity:.6;border-radius:6px;padding:.25rem;width:32px;height:32px;justify-content:center;color:#94a3b8}.close-btn:hover{opacity:1;background:rgba(239,68,68,.1);color:#ef4444}.widget-content{padding:1.5rem;position:relative}.empty-content{text-align:center;color:#94a3b8;font-style:italic;padding:2rem;font-size:.9rem}.content-item{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid;position:relative}.dashboard.dark .content-item{border-bottom-color:rgba(203,213,225,.1)}.dashboard.light .content-item{border-bottom-color:rgba(15,23,42,.1)}.content-item:last-child{border-bottom:none}.content-item:hover{background:rgba(16,185,129,.03);border-radius:6px;margin:0 -.5rem;padding-left:1.4rem;padding-right:1.4rem}.content-left{display:flex;align-items:center;gap:.75rem;position:relative}.content-dot{color:#10b981;font-size:.9rem}.content-label{font-size:.9rem;display:flex;align-items:center;gap:.4rem;font-weight:500;color:#cbd5e1}.dashboard.light .content-label{color:#0f172a}.content-label.clickable{cursor:pointer;padding:.25rem .5rem;border-radius:4px}.content-label.clickable:hover{color:#10b981;background:rgba(16,185,129,.1)}.dropdown-arrow{font-size:.7rem;color:#10b981}.content-value{font-weight:700;font-size:1rem;color:#10b981;background:rgba(16,185,129,.1);padding:.4rem 1rem;border-radius:16px;border:1px solid rgba(16,185,129,.2)}.inline-dropdown{background:rgba(51,65,85,.8);border:1px solid #10b981;border-radius:8px;margin:.5rem 0 1rem 2rem;padding:.5rem 0;backdrop-filter:blur(10px)}.dashboard.light .inline-dropdown{background:rgba(241,245,249,.9);border-color:#10b981}.inline-dropdown-item{padding:.75rem 1.25rem;cursor:pointer;font-size:.85rem;font-weight:500;color:#cbd5e1;border-left:3px solid transparent;display:flex;align-items:center;gap:.5rem}.inline-dropdown-item:before{content:"•";color:#10b981;font-size:1rem;font-weight:700}.dashboard.light .inline-dropdown-item{color:#475569}.inline-dropdown-item:hover{background:rgba(16,185,129,.1);color:#10b981;border-left-color:#10b981}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:rgba(30,41,59,.95);border:1px solid #10b981;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;backdrop-filter:blur(20px)}.dashboard.light .modal{background:rgba(255,255,255,.95);border-color:#10b981}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid rgba(203,213,225,.1)}.dashboard.light .modal-header{border-bottom-color:rgba(15,23,42,.1)}.modal-header h2{font-size:1.4rem;font-weight:700;color:#10b981}.modal-content{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.75rem;font-weight:600;font-size:.9rem;color:#10b981}.form-group input,.form-group textarea{width:100%;padding:1rem;border:1px solid rgba(203,213,225,.2);border-radius:8px;background:rgba(15,23,42,.5);color:#ffffff;font-size:.9rem;backdrop-filter:blur(10px)}.dashboard.light .form-group input,.dashboard.light .form-group textarea{border-color:rgba(15,23,42,.2);background:rgba(248,250,252,.8);color:#0f172a}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.2)}.add-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#0f172a;border:none;padding:1.2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;box-shadow:0 4px 15px rgba(16,185,129,.2)}.add-btn:hover{background:linear-gradient(135deg,#34d399,#10b981)}@media (max-width:1400px){.widgets-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1200px){.widgets-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-right{flex-wrap:wrap;gap:1rem}.widgets-grid{grid-template-columns:repeat(2,1fr);padding:1rem}.main-section{padding:1rem}}@media (max-width:600px){.widgets-grid{grid-template-columns:1fr}.modal{width:95%;margin:1rem}.logo-text h1{font-size:1.3rem}.widget-content,.widget-header{padding:1rem}}