:root{--ga-blue: #4285F4;--ga-blue-dark: #3367D6;--ga-green: #34A853;--ga-red: #EA4335;--ga-yellow: #FBBC05;--ga-gray: #5F6368;--ga-light-gray: #F1F3F4;--ga-border: #DADCE0;--bg: #f8f9fa;--surface: #ffffff;--text: #202124;--text-secondary: #5f6368;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius: 10px;--transition: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1480px;margin:0 auto;padding:24px 16px}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:40px;padding:16px 24px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--ga-border)}.header h1{font-size:1.3rem;font-weight:700;color:var(--ga-blue)}.header-actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px;margin-bottom:32px;border:1px solid var(--ga-border);transition:var(--transition)}.card>summary{cursor:pointer;list-style:none}.card>summary::marker,.card>summary::-webkit-details-marker{display:none}.card>summary h2,.card>summary h3{display:inline}.mesic-card{margin-bottom:20px}.mesic-wrapper{margin-bottom:4px}button,.btn-primary,.btn-secondary,.btn-danger,.btn-sm,.btn-xs,.period-btn{border:none;cursor:pointer;font-family:inherit;font-weight:500;border-radius:8px;transition:var(--transition)}.btn-primary{background:var(--ga-blue);color:#fff;padding:10px 20px;font-size:.9rem}.btn-primary:hover{background:var(--ga-blue-dark)}.btn-primary:disabled{background:#9aa0a6;cursor:not-allowed}.btn-secondary{background:var(--ga-light-gray);color:var(--text);padding:10px 20px;font-size:.9rem}.btn-secondary:hover{background:#e3e6ea}.btn-danger{background:#fce8e6;color:var(--ga-red);padding:6px 12px;font-size:.82rem}.btn-danger:hover{background:var(--ga-red);color:#fff}.btn-sm{padding:6px 14px;font-size:.85rem}.btn-xs{padding:2px 8px;font-size:.8rem}.period-btn{background:var(--ga-light-gray);color:var(--text);padding:7px 14px;font-size:.85rem}.period-btn:hover{background:#dde1e5}.period-btn.active{background:var(--ga-blue);color:#fff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px 24px;margin-top:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.82rem;font-weight:500;color:var(--text-secondary)}.form-actions{align-self:end;display:flex;gap:10px;flex-wrap:wrap}input[type=text],input[type=number],input[type=date],select{padding:10px 12px;border:1.5px solid var(--ga-border);border-radius:8px;font-size:.95rem;font-family:inherit;background:var(--surface);color:var(--text);transition:var(--transition);width:100%}input:focus,select:focus{outline:none;border-color:var(--ga-blue);box-shadow:0 0 0 3px #4285f426}input::placeholder{color:#9aa0a6}.inline-input{width:100%;min-width:80px;padding:2px 6px;font-size:.9rem;border:2px solid var(--ga-blue);border-radius:4px;background:var(--surface);color:var(--text)}.period-selection{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.metric-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:28px}.metric-card{background:var(--surface);border:1px solid var(--ga-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:20px;transition:var(--transition)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.metric-title{font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text);line-height:1.2}.metric-sub{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.trend{font-size:1rem;font-weight:600;margin-left:6px}.trend.up{color:var(--ga-red)}.trend.down{color:var(--ga-green)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;margin-bottom:28px}.chart-card{background:var(--surface);border:1px solid var(--ga-border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:20px}.chart-card h3{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.chart-full{grid-column:1 / -1}.mesic-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.summary-box{background:var(--ga-light-gray);padding:14px 16px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.sb-label{font-size:.78rem;color:var(--text-secondary);font-weight:500}.sb-value{font-size:1.05rem;font-weight:700;color:var(--text)}.sb-warn .sb-value{color:var(--ga-red)}.sb-warn{border-left:3px solid var(--ga-red)}.table-wrap{overflow-x:auto;margin:16px 0}.tankovani-table{width:100%;border-collapse:collapse;font-size:.9rem}.tankovani-table th{background:var(--ga-light-gray);padding:10px 14px;text-align:left;font-weight:500;color:var(--ga-gray);border-bottom:1.5px solid var(--ga-border);white-space:nowrap}.tankovani-table td{padding:9px 14px;border-bottom:1px solid var(--ga-border)}.tankovani-table tr:last-child td{border-bottom:none}.tankovani-table tr:hover td{background:#4285f40a}.editable{cursor:pointer}.editable:hover{background:#4285f414;border-radius:4px}.km-details{margin-top:16px}.km-details>summary{cursor:pointer;color:var(--ga-blue);font-size:.9rem;font-weight:500;padding:4px 0}.form-km{padding:16px 0 8px}.km-warning{background:#fef7e0;border-left:4px solid var(--ga-yellow);padding:10px 14px;border-radius:6px;font-size:.87rem;color:#856404;margin-top:8px}.mesic-actions{margin-top:12px;display:flex;justify-content:flex-end}.data-mgmt{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.data-mgmt p{font-size:.85rem;color:var(--text-secondary)}.loading-msg{color:var(--text-secondary);padding:20px 0;font-size:.95rem}.error-msg{color:var(--ga-red);padding:10px 0}.empty-msg{color:var(--text-secondary);font-size:.95rem}body.dark{--bg: #121212;--surface: #1e1e1e;--text: #e8eaed;--text-secondary: #9aa0a6;--ga-light-gray: #2a2a2a;--ga-border: #3c3c3c}body.dark .summary-box{background:#252525}body.dark input[type=text],body.dark input[type=number],body.dark input[type=date],body.dark select{background:#2a2a2a;color:#e8eaed;border-color:#444}body.dark .tankovani-table th{background:#252525}body.dark .btn-secondary{background:#2a2a2a;color:#e8eaed}body.dark .btn-secondary:hover{background:#333}body.dark .period-btn{background:#2a2a2a;color:#e8eaed}body.dark .period-btn:hover{background:#333}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.chart-full{grid-column:1}}@media (max-width: 768px){.metric-cards,.form-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start}.mesic-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.mesic-summary-grid{grid-template-columns:1fr}.container{padding:12px 10px}}