:root{--blue: #003b71;--blue-2: #005c99;--orange: #f58220;--white: #ffffff;--bg: #eef3f8;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #d9e2ec;--shadow: 0 12px 30px rgba(0, 59, 113, .12)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#eef3f8,#fff);color:var(--text)}.app{min-height:100vh;display:flex;flex-direction:column}.header{height:78px;background:linear-gradient(90deg,var(--blue),var(--blue-2));color:var(--white);padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:5px solid var(--orange);box-shadow:var(--shadow)}.header h1{margin:0;font-size:28px;letter-spacing:.5px}.header span{font-size:14px;opacity:.9}.header-brand{display:flex;align-items:center;gap:16px}.header-logo{height:48px;width:auto;background:#fff;padding:6px;border-radius:10px}.header-brand h1{margin:0}.role-badge,.role{background:#fff;color:var(--blue);padding:8px 14px;border-radius:999px;font-weight:700}.search-bar-global{position:relative;padding:22px 42px 0}.search-bar-global input{width:100%;max-width:720px;padding:15px 20px;border-radius:14px;border:1px solid var(--border);font-size:15px;outline:none;box-shadow:var(--shadow)}.search-bar-global input:focus{border-color:var(--orange)}.search-results{position:absolute;z-index:10;width:720px;max-width:calc(100% - 84px);margin-top:8px;background:var(--white);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--border)}.search-result-item{padding:14px 18px;display:flex;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--border)}.search-result-item:hover{background:#fff4e8}.search-result-item strong{color:var(--blue)}.search-result-item small{color:var(--orange);text-transform:uppercase;font-weight:700}.main{flex:1;display:grid;grid-template-columns:minmax(420px,1fr) 360px;gap:28px;padding:30px 42px 36px}.panel{background:var(--card);border-radius:22px;padding:26px;box-shadow:var(--shadow);border:1px solid var(--border)}.panel h2{margin:0 0 22px;color:var(--blue);font-size:24px}.item{padding:16px 18px;margin-bottom:12px;border-radius:16px;background:#f8fbfe;border:1px solid var(--border);cursor:pointer;transition:.2s ease}.item:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 8px 18px #f582202e}.item strong{color:var(--blue);font-size:18px}.item small{color:var(--muted)}.badge{margin-left:10px;background:var(--orange);color:var(--white);padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700}.tree-client{margin-bottom:22px;padding:18px;background:#f8fbfe;border-radius:18px;border:1px solid var(--border)}.tree-client h3{margin:0 0 12px;color:var(--blue);font-size:19px}.vm{margin-left:24px;margin-bottom:9px;padding:12px 14px;border-left:5px solid var(--orange);background:var(--white);border-radius:12px;box-shadow:0 4px 12px #003b7112}.vm strong{color:var(--blue)}.vm small{color:var(--muted)}.logo-box{height:190px;border-radius:22px;background:#fff;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;letter-spacing:3px;border:2px solid var(--border);border-bottom:6px solid var(--orange);margin-bottom:24px}.side-logo{max-width:220px;width:80%;height:auto}.note{color:var(--muted);line-height:1.7;font-size:15px}.footer{background:var(--blue);color:var(--white);text-align:center;padding:14px;font-size:13px;border-top:4px solid var(--orange)}.panel-title-breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:24px}.panel-title-breadcrumb button{border:none;background:var(--blue);color:var(--white);font-weight:700;padding:10px 18px;border-radius:999px;cursor:pointer;box-shadow:0 5px 15px #003b7126}.panel-title-breadcrumb button:hover{background:var(--orange)}.panel-title-breadcrumb span{color:var(--blue);font-weight:900}.action-bar{display:flex;justify-content:flex-end;margin-bottom:18px}.btn-primary,.btn-secondary,.item-actions button{border:none;border-radius:999px;padding:9px 15px;font-weight:700;cursor:pointer}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover{background:#d96f16}.btn-secondary{background:#e5edf5;color:var(--blue)}.item-with-actions{display:flex;justify-content:space-between;gap:14px;align-items:center}.item-content{flex:1;cursor:pointer}.item-actions{display:flex;gap:8px}.item-actions button{background:var(--blue);color:var(--white);font-size:12px}.item-actions button:hover{background:var(--orange)}.item-actions .danger{background:#dc2626}.item-actions .danger:hover{background:#991b1b}.form-card{background:#f8fbfe;border:1px solid var(--border);border-radius:18px;padding:20px;margin-bottom:20px}.form-card h3{color:var(--blue);margin-top:0}.form-card input,.form-card textarea{width:100%;margin-bottom:12px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;font-family:inherit}.form-card textarea{min-height:90px;resize:vertical}.form-actions{display:flex;gap:10px}.login-wrapper{min-height:100vh;background:linear-gradient(135deg,var(--blue),var(--blue-2));display:flex;align-items:center;justify-content:center;padding:24px}.login-box{width:380px;background:var(--white);border-radius:22px;padding:34px;box-shadow:var(--shadow);border-bottom:6px solid var(--orange)}.login-box h2{margin:0 0 22px;color:var(--blue);font-size:26px}.login-box input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);margin-bottom:14px;font-size:15px;outline:none}.login-box input:focus{border-color:var(--orange)}.login-box button{width:100%;border:none;background:var(--orange);color:var(--white);padding:13px 18px;border-radius:999px;font-weight:800;cursor:pointer}.login-box button:hover{background:#d96f16}@media(max-width:900px){.main{grid-template-columns:1fr;padding:24px}.header{padding:0 24px}.search-bar-global{padding-left:24px;padding-right:24px}}