:root{--color-bg:#f7f5f2;--color-surface:#fff;--color-primary:#1a3a4a;--color-primary-light:#2d5a6b;--color-accent:#c4a882;--color-accent-light:#e8dcc8;--color-text:#1c1c1c;--color-text-muted:#6b7280;--color-border:#e5e0d8;--color-danger:#b91c1c;--color-warning:#d97706;--color-success:#15803d;--radius:12px;--shadow:0 2px 12px rgba(26,58,74,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;border:1px solid var(--color-border)}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;min-width:2.75rem}.category-row{display:flex;flex-direction:column;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.category-row:last-child{border-bottom:none}.category-row-info{min-width:0}.category-row-meta{display:block;margin-top:.25rem;font-size:.875rem;color:var(--color-text-muted)}.category-row-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media (min-width:720px){.category-row{flex-direction:row;justify-content:space-between;align-items:center}.category-row-meta{display:inline;margin-top:0;margin-left:.75rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-secondary{background:var(--color-accent-light);color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff;border:1px solid var(--color-danger)}.btn-danger:hover{background:#991b1b;border-color:#991b1b}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text-muted)}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:8px;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--color-accent);border-color:var(--color-accent)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-open{background:#dbeafe;color:#1e40af}.badge-in_progress{background:#fef3c7;color:#92400e}.badge-waiting{background:#f3e8ff;color:#6b21a8}.badge-completed{background:#dcfce7;color:#166534}.badge-cancelled{background:#f3f4f6;color:#374151}.badge-normal{background:#e0e7ff;color:#3730a3}.badge-important{background:#ffedd5;color:#9a3412}.badge-urgent{background:#fee2e2;color:#991b1b}.badge-critical{background:#7f1d1d;color:#fff}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fef2f2;color:var(--color-danger);border:1px solid #fecaca}.alert-warning{background:#fffbeb;color:var(--color-warning);border:1px solid #fde68a}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.stat-card h3{font-size:2rem;color:var(--color-primary)}.stat-card p{color:var(--color-text-muted);font-size:.875rem}@media (max-width:768px){.hide-mobile{display:none!important}.container{padding:.75rem}.grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card h3{font-size:1.5rem}}.form-control{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:8px;background:#fff}.handover-card{display:block;transition:border-color .15s}.handover-card:hover{border-color:var(--color-accent)}.handover-card-compact{display:flex;flex-direction:column;gap:.375rem;padding:.875rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px}.handover-item-row{padding:.75rem 0;border-bottom:1px solid var(--color-border)}.handover-item-row:last-child{border-bottom:none}.handover-item-card{padding:1rem}.handover-suggestion{padding:.75rem!important;margin:0}.badge-draft{background:#e5e7eb;color:#374151}.badge-handed_over{background:#fef3c7;color:#92400e}.badge-acknowledged{background:#dcfce7;color:#166534}.badge-archived{background:#f3f4f6;color:#6b7280}.alert-success{background:#f0fdf4;color:var(--color-success);border:1px solid #bbf7d0;padding:.75rem 1rem;border-radius:8px;margin-bottom:.75rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;padding:1rem;overflow-y:auto}.property-tree-node{border-bottom:1px solid var(--color-border)}.property-tree-row{display:flex;align-items:center;gap:.5rem;padding:.75rem .5rem;flex-wrap:wrap}.property-tree-row-clickable{cursor:pointer;border-radius:8px}.property-tree-row-main-btn{flex:1 1;min-width:200px;display:flex;align-items:center;text-align:left;background:transparent;border:none;padding:0;color:inherit;font:inherit}.property-tree-row-main-btn:hover{background:rgba(26,58,74,.04)}.property-tree-row-main-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.property-tree-main{flex:1 1;min-width:200px;display:flex;flex-direction:column;gap:.15rem}.property-tree-meta{font-size:.8125rem;color:var(--color-text-muted)}.property-tree-actions{display:flex;gap:.35rem;flex-wrap:wrap}.property-tree-children{margin-left:1.75rem;border-left:2px solid var(--color-border);padding-bottom:.5rem}.property-tree-unit{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;font-size:.875rem;flex-wrap:wrap}.tree-toggle{display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-light);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-size:.75rem;width:1.75rem;height:1.75rem;flex-shrink:0;color:var(--color-primary);padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tree-toggle:hover{background:var(--color-accent);color:#fff}.brand-mark-svg{flex-shrink:0}