*{box-sizing:border-box}body{margin:0;background:#f4f6f8;font-family:Arial,sans-serif;color:#222}.wrap{max-width:1200px;margin:25px auto;padding:15px}.login{max-width:450px;margin:70px auto;padding:15px}.card{background:#fff;padding:28px;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.08)}h1{margin-top:0}.nav{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#fff;padding:15px;border-radius:10px;margin-bottom:20px}.nav a{margin-left:10px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.stat{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06)}.stat span{display:block;color:#666}.stat strong{display:block;font-size:21px;margin-top:8px}label{display:block;font-weight:600;margin:15px 0 7px}input,select{padding:10px;border:1px solid #ccd3da;border-radius:7px;font-size:15px}button{padding:10px 13px;border:0;border-radius:7px;cursor:pointer;font-weight:600}.search,.inline-form{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.search input{flex:1;min-width:240px}.inline-form input{flex:1;min-width:180px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border:1px solid #ddd;text-align:left;vertical-align:top}th{background:#eef1f4}.error{background:#fff0f0;border:1px solid #e0a0a0;padding:12px;border-radius:8px;margin:10px 0}.success{background:#eefaf0;border:1px solid #8bc895;padding:12px;border-radius:8px;margin:10px 0}.actions{display:flex;gap:5px;flex-wrap:wrap}.matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.node{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px;min-height:90px}.empty{background:#fff;padding:20px;border-radius:10px}@media(max-width:700px){table{font-size:12px}.wrap{padding:8px}.nav{font-size:13px}.nav span{line-height:2}}