{% extends 'base.html' %}{% load static %}{% block title %}Approved Design{% endblock %}{% block breadcrumb %}Master UI Reference{% endblock %}{% block content %}<div class="page-head"><div><h2>GENEZ PRINT · Master UI Reference</h2><p>Original approved mockup and operational flowcharts. Compare development screens against these panels.</p></div></div><div class="card card-pad"><img src="{% static 'img/master-original.png' %}" alt="Original Genez Print approved master UI mockup" class="full-reference"></div><div class="section-title"><h2>Customer & operations flowcharts</h2></div><div class="flow-grid"><a class="flow-card" href="{% static 'img/flows/customer.png' %}"><img src="{% static 'img/flows/customer.png' %}" alt="Customer flow"><strong>Customer Order Journey</strong></a><a class="flow-card" href="{% static 'img/flows/designer.png' %}"><img src="{% static 'img/flows/designer.png' %}" alt="Designer flow"><strong>Designer Journey</strong></a><a class="flow-card" href="{% static 'img/flows/production.png' %}"><img src="{% static 'img/flows/production.png' %}" alt="Production flow"><strong>Production Journey</strong></a><a class="flow-card" href="{% static 'img/flows/partner.png' %}"><img src="{% static 'img/flows/partner.png' %}" alt="Partner flow"><strong>Partner Lifecycle</strong></a><a class="flow-card" href="{% static 'img/flows/architecture.png' %}"><img src="{% static 'img/flows/architecture.png' %}" alt="Architecture diagram"><strong>System Architecture</strong></a><a class="flow-card" href="{% static 'img/flows/data.png' %}"><img src="{% static 'img/flows/data.png' %}" alt="Data diagram"><strong>Database Concept</strong></a></div>{% endblock %}